이미지 없이 스타일쉬트로만 만들어 봅니다...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 표현하기!</title>
<style type="text/css">
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#CCCCCC}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.box { background:#CCCCCC; padding:5px 10px; font-size:12px; font-size:12px}
</style>
</head>
<body>
<div id="container">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 박스 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 보더 표현하기!</title>
<style>
.rtop, .rbottom{display:block;}
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;}
.r1{margin:0 5px; background:#CCCCCC}
.r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC;}
.r3{margin:0 2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.r4{margin:0 1px; height:2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.box { margin:0; padding:5px 10px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; font-size:12px}
</style>
</head>
<body>
<div id="container" style="background: #fff">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 보더 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 + 보더 표현하기!</title>
<style>
.rtop, .rbottom{display:block;}
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;}
.r1{margin:0 5px; background:#CCCCCC}
.r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; background:#EEEEEE}
.r3{margin:0 2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#EEEEEE}
.r4{margin:0 1px; height:2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#EEEEEE}
.box{ margin:0; padding:5px 10px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; background:#EEEEEE; font-size:12px}
</style>
</head>
<body>
<div id="container" style="background: #fff">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 박스 + 보더 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div>
</body>
</html>
댓글 1개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6530 |
퍼블리셔강
|
12년 전 | 646 | |
| 6529 | 12년 전 | 1300 | ||
| 6528 | 12년 전 | 620 | ||
| 6527 | 12년 전 | 789 | ||
| 6526 | 12년 전 | 6579 | ||
| 6525 | 12년 전 | 548 | ||
| 6524 | 12년 전 | 837 | ||
| 6523 | 12년 전 | 486 | ||
| 6522 | 12년 전 | 534 | ||
| 6521 | 12년 전 | 797 | ||
| 6520 | 12년 전 | 738 | ||
| 6519 | 12년 전 | 1742 | ||
| 6518 |
가슴시린하늘
|
12년 전 | 1723 | |
| 6517 | 12년 전 | 1362 | ||
| 6516 | 12년 전 | 5225 | ||
| 6515 | 12년 전 | 1494 | ||
| 6514 | 12년 전 | 1596 | ||
| 6513 | 12년 전 | 952 | ||
| 6512 | 12년 전 | 1977 | ||
| 6511 | 12년 전 | 1367 | ||
| 6510 | 12년 전 | 3058 | ||
| 6509 |
프로프리랜서
|
12년 전 | 2547 | |
| 6508 |
프로프리랜서
|
12년 전 | 1897 | |
| 6507 |
프로프리랜서
|
12년 전 | 2373 | |
| 6506 |
프로프리랜서
|
12년 전 | 1854 | |
| 6505 |
프로프리랜서
|
12년 전 | 1631 | |
| 6504 | 12년 전 | 1024 | ||
| 6503 | 12년 전 | 1126 | ||
| 6502 |
프로프리랜서
|
12년 전 | 5554 | |
| 6501 |
프로프리랜서
|
12년 전 | 2599 | |
| 6500 |
프로프리랜서
|
12년 전 | 3082 | |
| 6499 |
프로프리랜서
|
12년 전 | 1750 | |
| 6498 |
프로프리랜서
|
12년 전 | 1462 | |
| 6497 | 12년 전 | 806 | ||
| 6496 |
yunkiri486
|
12년 전 | 1807 | |
| 6495 | 12년 전 | 917 | ||
| 6494 | 12년 전 | 1491 | ||
| 6493 | 12년 전 | 2762 | ||
| 6492 |
오늘도망했다
|
12년 전 | 2337 | |
| 6491 |
오늘도망했다
|
12년 전 | 1677 | |
| 6490 |
오늘도망했다
|
12년 전 | 6658 | |
| 6489 |
오늘도망했다
|
12년 전 | 2494 | |
| 6488 |
홈피119
|
12년 전 | 697 | |
| 6487 | 12년 전 | 669 | ||
| 6486 | 12년 전 | 1407 | ||
| 6485 | 12년 전 | 2049 | ||
| 6484 | 12년 전 | 896 | ||
| 6483 | 12년 전 | 714 | ||
| 6482 | 12년 전 | 1339 | ||
| 6481 | 12년 전 | 1468 | ||
| 6480 |
Header
|
12년 전 | 687 | |
| 6479 |
 grapedw |
12년 전 | 1124 | |
| 6478 |
개초보제이
|
12년 전 | 1393 | |
| 6477 | 12년 전 | 791 | ||
| 6476 | 12년 전 | 1073 | ||
| 6475 | 12년 전 | 3677 | ||
| 6474 | 12년 전 | 1419 | ||
| 6473 | 12년 전 | 961 | ||
| 6472 | 12년 전 | 848 | ||
| 6471 |
AMDbest
|
12년 전 | 1203 | |
| 6470 |
jinmuk
|
12년 전 | 1443 | |
| 6469 |
jinmuk
|
12년 전 | 4249 | |
| 6468 |
jinmuk
|
12년 전 | 5574 | |
| 6467 | 12년 전 | 695 | ||
| 6466 |
jinmuk
|
12년 전 | 2269 | |
| 6465 |
jinmuk
|
12년 전 | 6732 | |
| 6464 |
jinmuk
|
12년 전 | 2406 | |
| 6463 |
jinmuk
|
12년 전 | 9329 | |
| 6462 |
희망과열정
|
12년 전 | 531 | |
| 6461 |
Header
|
12년 전 | 722 | |
| 6460 |
희망과열정
|
12년 전 | 1350 | |
| 6459 |
프리랜서개발자
|
12년 전 | 1675 | |
| 6458 | 12년 전 | 1334 | ||
| 6457 |
jinmuk
|
12년 전 | 1939 | |
| 6456 |
jinmuk
|
12년 전 | 2346 | |
| 6455 |
jinmuk
|
12년 전 | 3202 | |
| 6454 |
jinmuk
|
12년 전 | 2171 | |
| 6453 |
jinmuk
|
12년 전 | 2349 | |
| 6452 |
jinmuk
|
12년 전 | 2314 | |
| 6451 |
jinmuk
|
12년 전 | 1597 | |
| 6450 |
jinmuk
|
12년 전 | 1396 | |
| 6449 |
jinmuk
|
12년 전 | 1037 | |
| 6448 |
jinmuk
|
12년 전 | 1237 | |
| 6447 |
jinmuk
|
12년 전 | 2006 | |
| 6446 |
jinmuk
|
12년 전 | 1563 | |
| 6445 |
jinmuk
|
12년 전 | 1263 | |
| 6444 |
jinmuk
|
12년 전 | 2304 | |
| 6443 |
jinmuk
|
12년 전 | 2043 | |
| 6442 |
jinmuk
|
12년 전 | 1883 | |
| 6441 |
jinmuk
|
12년 전 | 1616 | |
| 6440 |
jinmuk
|
12년 전 | 2314 | |
| 6439 |
jinmuk
|
12년 전 | 1134 | |
| 6438 |
wndProc
|
12년 전 | 775 | |
| 6437 | 12년 전 | 393 | ||
| 6436 |
senseme
|
12년 전 | 542 | |
| 6435 | 12년 전 | 1045 | ||
| 6434 | 12년 전 | 2473 | ||
| 6433 | 12년 전 | 2480 | ||
| 6432 | 12년 전 | 1557 | ||
| 6431 |
밥먹고합시다
|
12년 전 | 1190 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기