이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5530 | 13년 전 | 558 | ||
| 5529 | 13년 전 | 742 | ||
| 5528 | 13년 전 | 731 | ||
| 5527 | 13년 전 | 1042 | ||
| 5526 | 13년 전 | 1057 | ||
| 5525 | 13년 전 | 1823 | ||
| 5524 | 13년 전 | 695 | ||
| 5523 |
high8sky
|
13년 전 | 752 | |
| 5522 | 13년 전 | 3140 | ||
| 5521 | 13년 전 | 870 | ||
| 5520 |
즐거운상상을
|
13년 전 | 1127 | |
| 5519 | 13년 전 | 1505 | ||
| 5518 | 13년 전 | 973 | ||
| 5517 | 13년 전 | 1987 | ||
| 5516 | 13년 전 | 695 | ||
| 5515 |
순천홈페이지
|
13년 전 | 2851 | |
| 5514 | 13년 전 | 1178 | ||
| 5513 |
수야3019
|
13년 전 | 1510 | |
| 5512 | 13년 전 | 907 | ||
| 5511 | 13년 전 | 1063 | ||
| 5510 |
|
13년 전 | 1420 | |
| 5509 |
|
13년 전 | 1114 | |
| 5508 | 13년 전 | 1673 | ||
| 5507 | 13년 전 | 1546 | ||
| 5506 | 13년 전 | 716 | ||
| 5505 | 13년 전 | 2792 | ||
| 5504 |
물끄덩미끄덩
|
13년 전 | 956 | |
| 5503 |
후라보노보노
|
13년 전 | 1979 | |
| 5502 | 13년 전 | 873 | ||
| 5501 | 13년 전 | 1953 | ||
| 5500 | 13년 전 | 1820 | ||
| 5499 | 13년 전 | 1817 | ||
| 5498 | 13년 전 | 775 | ||
| 5497 |
레인보우1492
|
13년 전 | 1340 | |
| 5496 | 13년 전 | 1077 | ||
| 5495 |
jdjjun00
|
13년 전 | 2050 | |
| 5494 | 13년 전 | 913 | ||
| 5493 | 13년 전 | 989 | ||
| 5492 | 13년 전 | 1241 | ||
| 5491 | 13년 전 | 1098 | ||
| 5490 | 13년 전 | 889 | ||
| 5489 |
빨간망사챠챠
|
13년 전 | 2286 | |
| 5488 |
나태한개미
|
13년 전 | 1068 | |
| 5487 |
나태한개미
|
13년 전 | 1032 | |
| 5486 |
나태한개미
|
13년 전 | 2121 | |
| 5485 | 13년 전 | 1804 | ||
| 5484 | 13년 전 | 6534 | ||
| 5483 | 13년 전 | 1431 | ||
| 5482 |
Raincommunication
|
13년 전 | 774 | |
| 5481 |
|
13년 전 | 580 | |
| 5480 |
|
13년 전 | 998 | |
| 5479 | 13년 전 | 1038 | ||
| 5478 |
|
13년 전 | 890 | |
| 5477 | 13년 전 | 673 | ||
| 5476 | 13년 전 | 1121 | ||
| 5475 | 13년 전 | 1437 | ||
| 5474 | 13년 전 | 830 | ||
| 5473 | 13년 전 | 654 | ||
| 5472 | 13년 전 | 1145 | ||
| 5471 | 13년 전 | 1610 | ||
| 5470 | 13년 전 | 958 | ||
| 5469 |
BackToHeaven
|
13년 전 | 2225 | |
| 5468 |
멀티트리플
|
13년 전 | 1105 | |
| 5467 | 13년 전 | 729 | ||
| 5466 | 13년 전 | 1305 | ||
| 5465 | 13년 전 | 1412 | ||
| 5464 | 13년 전 | 1496 | ||
| 5463 | 13년 전 | 693 | ||
| 5462 | 13년 전 | 1417 | ||
| 5461 | 13년 전 | 1070 | ||
| 5460 | 13년 전 | 2563 | ||
| 5459 | 13년 전 | 1065 | ||
| 5458 |
프로프리랜서
|
13년 전 | 955 | |
| 5457 | 13년 전 | 808 | ||
| 5456 |
PHPㅡASP프로그래머
|
13년 전 | 1332 | |
| 5455 |
뭐먹고살지ㅠ
|
13년 전 | 866 | |
| 5454 | 13년 전 | 1616 | ||
| 5453 |
프리랜서클럽
|
13년 전 | 1195 | |
| 5452 | 13년 전 | 837 | ||
| 5451 | 13년 전 | 785 | ||
| 5450 | 13년 전 | 7290 | ||
| 5449 |
PHPㅡASP프로그래머
|
13년 전 | 833 | |
| 5448 |
DBDBDB
|
13년 전 | 672 | |
| 5447 | 13년 전 | 1943 | ||
| 5446 |
헬프데스크
|
13년 전 | 1802 | |
| 5445 | 13년 전 | 968 | ||
| 5444 |
Werbershinta
|
13년 전 | 678 | |
| 5443 | 13년 전 | 1346 | ||
| 5442 | 13년 전 | 1063 | ||
| 5441 | 13년 전 | 1176 | ||
| 5440 | 13년 전 | 3168 | ||
| 5439 | 13년 전 | 836 | ||
| 5438 |
ddokkani
|
13년 전 | 766 | |
| 5437 | 13년 전 | 2629 | ||
| 5436 | 13년 전 | 1021 | ||
| 5435 |
PHPㅡASP프로그래머
|
13년 전 | 840 | |
| 5434 |
돗단배123
|
13년 전 | 1611 | |
| 5433 | 13년 전 | 1772 | ||
| 5432 |
|
13년 전 | 921 | |
| 5431 | 13년 전 | 771 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기