이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1030 | 18년 전 | 1788 | ||
| 1029 | 18년 전 | 2221 | ||
| 1028 | 18년 전 | 2631 | ||
| 1027 | 18년 전 | 1791 | ||
| 1026 | 18년 전 | 1527 | ||
| 1025 | 18년 전 | 1542 | ||
| 1024 | 18년 전 | 1464 | ||
| 1023 | 18년 전 | 3227 | ||
| 1022 | 18년 전 | 2917 | ||
| 1021 | 18년 전 | 1676 | ||
| 1020 | 18년 전 | 3414 | ||
| 1019 | 18년 전 | 1841 | ||
| 1018 | 18년 전 | 1491 | ||
| 1017 | 18년 전 | 1958 | ||
| 1016 | 18년 전 | 2100 | ||
| 1015 | 18년 전 | 1632 | ||
| 1014 | 18년 전 | 2343 | ||
| 1013 | 18년 전 | 2001 | ||
| 1012 | 18년 전 | 1624 | ||
| 1011 | 18년 전 | 1785 | ||
| 1010 | 18년 전 | 2039 | ||
| 1009 | 18년 전 | 1803 | ||
| 1008 | 18년 전 | 1612 | ||
| 1007 | 18년 전 | 1666 | ||
| 1006 | 18년 전 | 3133 | ||
| 1005 | 18년 전 | 1995 | ||
| 1004 | 18년 전 | 1872 | ||
| 1003 | 18년 전 | 4369 | ||
| 1002 | 18년 전 | 4994 | ||
| 1001 | 18년 전 | 3163 | ||
| 1000 | 18년 전 | 2909 | ||
| 999 | 18년 전 | 3500 | ||
| 998 | 18년 전 | 2047 | ||
| 997 | 18년 전 | 2408 | ||
| 996 | 18년 전 | 2700 | ||
| 995 | 18년 전 | 2756 | ||
| 994 | 18년 전 | 2348 | ||
| 993 | 18년 전 | 1615 | ||
| 992 | 18년 전 | 3378 | ||
| 991 | 18년 전 | 1987 | ||
| 990 | 18년 전 | 2383 | ||
| 989 | 18년 전 | 2456 | ||
| 988 | 18년 전 | 2884 | ||
| 987 | 18년 전 | 5219 | ||
| 986 |
 드렁크수달스 |
18년 전 | 2492 | |
| 985 |
드렁크수달스 |
18년 전 | 3341 | |
| 984 | 19년 전 | 4278 | ||
| 983 |
느낌좋은날
|
19년 전 | 2500 | |
| 982 | 19년 전 | 2466 | ||
| 981 | 19년 전 | 4041 | ||
| 980 | 19년 전 | 2748 | ||
| 979 |
Sinpre
|
19년 전 | 2990 | |
| 978 | 19년 전 | 2207 | ||
| 977 | 19년 전 | 2222 | ||
| 976 | 19년 전 | 1991 | ||
| 975 | 19년 전 | 3273 | ||
| 974 | 19년 전 | 2106 | ||
| 973 |
 MCLUB |
19년 전 | 2788 | |
| 972 |
MCLUB |
19년 전 | 1746 | |
| 971 | 19년 전 | 5320 | ||
| 970 | 19년 전 | 3573 | ||
| 969 | 19년 전 | 4322 | ||
| 968 | 19년 전 | 3067 | ||
| 967 | 19년 전 | 2526 | ||
| 966 | 19년 전 | 3923 | ||
| 965 | 19년 전 | 2651 | ||
| 964 | 19년 전 | 2994 | ||
| 963 | 19년 전 | 2962 | ||
| 962 | 19년 전 | 4175 | ||
| 961 | 19년 전 | 3128 | ||
| 960 | 19년 전 | 3022 | ||
| 959 | 19년 전 | 3672 | ||
| 958 | 19년 전 | 2976 | ||
| 957 | 19년 전 | 2190 | ||
| 956 | 19년 전 | 2224 | ||
| 955 | 19년 전 | 2177 | ||
| 954 | 19년 전 | 2769 | ||
| 953 | 19년 전 | 2478 | ||
| 952 | 19년 전 | 3345 | ||
| 951 | 19년 전 | 3202 | ||
| 950 | 19년 전 | 1826 | ||
| 949 | 19년 전 | 2740 | ||
| 948 | 19년 전 | 7828 | ||
| 947 |
 두루굳센™ |
19년 전 | 2503 | |
| 946 |
DeepnBlue
|
19년 전 | 3106 | |
| 945 |
pearly
|
19년 전 | 2878 | |
| 944 | 19년 전 | 3026 | ||
| 943 |
 AGAWEB |
19년 전 | 2227 | |
| 942 | 19년 전 | 2453 | ||
| 941 |
AGAWEB |
19년 전 | 4077 | |
| 940 | 19년 전 | 2235 | ||
| 939 |
AGAWEB |
19년 전 | 4220 | |
| 938 |
AGAWEB |
19년 전 | 2384 | |
| 937 | 19년 전 | 2077 | ||
| 936 |
AGAWEB |
19년 전 | 2329 | |
| 935 | 19년 전 | 1873 | ||
| 934 |
AGAWEB |
19년 전 | 2410 | |
| 933 | 19년 전 | 2201 | ||
| 932 |
AGAWEB |
19년 전 | 3070 | |
| 931 | 19년 전 | 1856 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기