이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5630 | 13년 전 | 1061 | ||
| 5629 | 13년 전 | 2703 | ||
| 5628 | 13년 전 | 1279 | ||
| 5627 | 13년 전 | 1653 | ||
| 5626 | 13년 전 | 1288 | ||
| 5625 | 13년 전 | 1945 | ||
| 5624 | 13년 전 | 1354 | ||
| 5623 | 13년 전 | 943 | ||
| 5622 | 13년 전 | 418 | ||
| 5621 | 13년 전 | 13309 | ||
| 5620 | 13년 전 | 1191 | ||
| 5619 | 13년 전 | 3333 | ||
| 5618 | 13년 전 | 968 | ||
| 5617 | 13년 전 | 419 | ||
| 5616 | 13년 전 | 596 | ||
| 5615 |
Preware
|
13년 전 | 415 | |
| 5614 | 13년 전 | 551 | ||
| 5613 |
AMDbest
|
13년 전 | 4338 | |
| 5612 |
AMDbest
|
13년 전 | 6163 | |
| 5611 | 13년 전 | 871 | ||
| 5610 |
AMDbest
|
13년 전 | 4661 | |
| 5609 | 13년 전 | 961 | ||
| 5608 |
|
13년 전 | 477 | |
| 5607 | 13년 전 | 644 | ||
| 5606 | 13년 전 | 462 | ||
| 5605 | 13년 전 | 358 | ||
| 5604 | 13년 전 | 598 | ||
| 5603 |
갑수엔터테인먼트
|
13년 전 | 760 | |
| 5602 | 13년 전 | 412 | ||
| 5601 | 13년 전 | 502 | ||
| 5600 | 13년 전 | 926 | ||
| 5599 | 13년 전 | 7463 | ||
| 5598 |
PHPㅡASP프로그래머
|
13년 전 | 2698 | |
| 5597 | 13년 전 | 402 | ||
| 5596 |
hoinV
|
13년 전 | 992 | |
| 5595 | 13년 전 | 918 | ||
| 5594 | 13년 전 | 1056 | ||
| 5593 | 13년 전 | 4931 | ||
| 5592 |
|
13년 전 | 375 | |
| 5591 | 13년 전 | 882 | ||
| 5590 |
PHPㅡASP프로그래머
|
13년 전 | 2305 | |
| 5589 | 13년 전 | 1937 | ||
| 5588 |
바다로가자
|
13년 전 | 1634 | |
| 5587 |
PHPㅡASP프로그래머
|
13년 전 | 1821 | |
| 5586 | 13년 전 | 2738 | ||
| 5585 | 13년 전 | 384 | ||
| 5584 | 13년 전 | 1866 | ||
| 5583 | 13년 전 | 1296 | ||
| 5582 |
바다로가자
|
13년 전 | 3089 | |
| 5581 |
|
13년 전 | 3097 | |
| 5580 | 13년 전 | 909 | ||
| 5579 |
하하369
|
13년 전 | 3969 | |
| 5578 | 13년 전 | 1055 | ||
| 5577 | 13년 전 | 1227 | ||
| 5576 | 13년 전 | 1643 | ||
| 5575 |
가위바위보
|
13년 전 | 1591 | |
| 5574 |
danielle
|
13년 전 | 697 | |
| 5573 |
|
13년 전 | 853 | |
| 5572 | 13년 전 | 2768 | ||
| 5571 | 13년 전 | 827 | ||
| 5570 | 13년 전 | 1423 | ||
| 5569 |
|
13년 전 | 2123 | |
| 5568 | 13년 전 | 1952 | ||
| 5567 | 13년 전 | 675 | ||
| 5566 |
|
13년 전 | 1307 | |
| 5565 | 13년 전 | 3667 | ||
| 5564 | 13년 전 | 917 | ||
| 5563 | 13년 전 | 1366 | ||
| 5562 | 13년 전 | 863 | ||
| 5561 | 13년 전 | 1037 | ||
| 5560 |
PHPㅡASP프로그래머
|
13년 전 | 1527 | |
| 5559 | 13년 전 | 627 | ||
| 5558 |
there007
|
13년 전 | 1546 | |
| 5557 | 13년 전 | 1178 | ||
| 5556 |
후라보노보노
|
13년 전 | 741 | |
| 5555 | 13년 전 | 9127 | ||
| 5554 | 13년 전 | 819 | ||
| 5553 |
가을이군요
|
13년 전 | 712 | |
| 5552 |
|
13년 전 | 788 | |
| 5551 | 13년 전 | 1508 | ||
| 5550 |
후라보노보노
|
13년 전 | 911 | |
| 5549 |
|
13년 전 | 1007 | |
| 5548 | 13년 전 | 675 | ||
| 5547 | 13년 전 | 524 | ||
| 5546 | 13년 전 | 4606 | ||
| 5545 | 13년 전 | 906 | ||
| 5544 | 13년 전 | 1021 | ||
| 5543 | 13년 전 | 758 | ||
| 5542 | 13년 전 | 6628 | ||
| 5541 | 13년 전 | 805 | ||
| 5540 | 13년 전 | 1136 | ||
| 5539 | 13년 전 | 1113 | ||
| 5538 | 13년 전 | 2825 | ||
| 5537 | 13년 전 | 804 | ||
| 5536 | 13년 전 | 2695 | ||
| 5535 |
|
13년 전 | 1200 | |
| 5534 | 13년 전 | 1761 | ||
| 5533 |
꿈꾸는인생
|
13년 전 | 1329 | |
| 5532 | 13년 전 | 1493 | ||
| 5531 | 13년 전 | 1705 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기