이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1130 | 18년 전 | 2470 | ||
| 1129 | 18년 전 | 2453 | ||
| 1128 | 18년 전 | 2320 | ||
| 1127 | 18년 전 | 2559 | ||
| 1126 |
 뜨락의이름 |
18년 전 | 3859 | |
| 1125 | 18년 전 | 3660 | ||
| 1124 |
 PhotoFly |
18년 전 | 2094 | |
| 1123 | 18년 전 | 2029 | ||
| 1122 | 18년 전 | 1571 | ||
| 1121 | 18년 전 | 3899 | ||
| 1120 | 18년 전 | 5893 | ||
| 1119 | 18년 전 | 6988 | ||
| 1118 | 18년 전 | 2471 | ||
| 1117 |
BEST79
|
18년 전 | 2725 | |
| 1116 | 18년 전 | 4185 | ||
| 1115 | 18년 전 | 2178 | ||
| 1114 |
 꿈꾸는비행기 |
18년 전 | 3633 | |
| 1113 | 18년 전 | 2877 | ||
| 1112 | 18년 전 | 2734 | ||
| 1111 | 18년 전 | 2198 | ||
| 1110 | 18년 전 | 2471 | ||
| 1109 | 18년 전 | 2608 | ||
| 1108 | 18년 전 | 3094 | ||
| 1107 | 18년 전 | 3735 | ||
| 1106 | 18년 전 | 3268 | ||
| 1105 | 18년 전 | 2785 | ||
| 1104 |
 예감커뮤니케이션 |
18년 전 | 2273 | |
| 1103 | 18년 전 | 2942 | ||
| 1102 | 18년 전 | 3025 | ||
| 1101 | 18년 전 | 2540 | ||
| 1100 | 18년 전 | 2297 | ||
| 1099 | 18년 전 | 3325 | ||
| 1098 | 18년 전 | 4847 | ||
| 1097 | 18년 전 | 5084 | ||
| 1096 | 18년 전 | 2301 | ||
| 1095 | 18년 전 | 2187 | ||
| 1094 | 18년 전 | 5003 | ||
| 1093 | 18년 전 | 8967 | ||
| 1092 | 18년 전 | 2040 | ||
| 1091 |
DeepnBlue
|
18년 전 | 4920 | |
| 1090 |
 강강술냄세 |
18년 전 | 4370 | |
| 1089 |
도날드주주
|
18년 전 | 2609 | |
| 1088 |
예감커뮤니케이션 |
18년 전 | 4959 | |
| 1087 | 18년 전 | 2789 | ||
| 1086 | 18년 전 | 3672 | ||
| 1085 | 18년 전 | 2619 | ||
| 1084 | 18년 전 | 3433 | ||
| 1083 | 18년 전 | 1942 | ||
| 1082 | 18년 전 | 5374 | ||
| 1081 | 18년 전 | 1695 | ||
| 1080 | 18년 전 | 6051 | ||
| 1079 |
 친절한서기 |
18년 전 | 2881 | |
| 1078 | 18년 전 | 6041 | ||
| 1077 |
뜨락의이름 |
18년 전 | 6842 | |
| 1076 | 18년 전 | 3727 | ||
| 1075 | 18년 전 | 2207 | ||
| 1074 |
hwatta
|
18년 전 | 2099 | |
| 1073 | 18년 전 | 6900 | ||
| 1072 | 18년 전 | 2398 | ||
| 1071 | 18년 전 | 3956 | ||
| 1070 |
친절한서기 |
18년 전 | 5345 | |
| 1069 | 18년 전 | 2691 | ||
| 1068 | 18년 전 | 1751 | ||
| 1067 | 18년 전 | 1583 | ||
| 1066 | 18년 전 | 1534 | ||
| 1065 | 18년 전 | 1811 | ||
| 1064 | 18년 전 | 1805 | ||
| 1063 | 18년 전 | 1781 | ||
| 1062 | 18년 전 | 1715 | ||
| 1061 | 18년 전 | 2512 | ||
| 1060 | 18년 전 | 2314 | ||
| 1059 | 18년 전 | 3465 | ||
| 1058 | 18년 전 | 2597 | ||
| 1057 | 18년 전 | 2575 | ||
| 1056 | 18년 전 | 3412 | ||
| 1055 | 18년 전 | 4626 | ||
| 1054 | 18년 전 | 2963 | ||
| 1053 | 18년 전 | 2812 | ||
| 1052 | 18년 전 | 3350 | ||
| 1051 | 18년 전 | 6278 | ||
| 1050 | 18년 전 | 2181 | ||
| 1049 | 18년 전 | 1992 | ||
| 1048 | 18년 전 | 1947 | ||
| 1047 | 18년 전 | 2009 | ||
| 1046 | 18년 전 | 3196 | ||
| 1045 | 18년 전 | 2263 | ||
| 1044 | 18년 전 | 1955 | ||
| 1043 | 18년 전 | 1620 | ||
| 1042 | 18년 전 | 2079 | ||
| 1041 | 18년 전 | 3366 | ||
| 1040 | 18년 전 | 3232 | ||
| 1039 | 18년 전 | 1921 | ||
| 1038 | 18년 전 | 1496 | ||
| 1037 | 18년 전 | 3192 | ||
| 1036 | 18년 전 | 2060 | ||
| 1035 | 18년 전 | 1614 | ||
| 1034 | 18년 전 | 2838 | ||
| 1033 | 18년 전 | 1972 | ||
| 1032 | 18년 전 | 1846 | ||
| 1031 | 18년 전 | 1819 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기