이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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>
출처-phpschool + http://www.html.it/articoli/nifty/index.html<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<!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>
출처-phpschool + http://www.html.it/articoli/nifty/index.html<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 5개
19년 전
이 좋은 것을.....
감사합니다....
제 홈에 언능 가져다가 해 볼렵니다...^^
감사합니다....
제 홈에 언능 가져다가 해 볼렵니다...^^
느낌좋은날
19년 전
저도 저 곳 게시판 보다 소스를 넣어서 봤는데 좋더라구요 얼른 업어가세요 ^^;
19년 전
테스트해본결과.....넘좋군요...감사합니다...^^
18년 전
너무 좋음. ^^ 고맙습니다.
swinter
17년 전
감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2130 | 17년 전 | 1178 | ||
| 2129 |
ⓧ힘내세요
|
17년 전 | 2236 | |
| 2128 | 17년 전 | 2872 | ||
| 2127 | 17년 전 | 4056 | ||
| 2126 | 17년 전 | 3144 | ||
| 2125 | 17년 전 | 1407 | ||
| 2124 | 17년 전 | 1707 | ||
| 2123 | 17년 전 | 2237 | ||
| 2122 | 17년 전 | 1544 | ||
| 2121 | 17년 전 | 1720 | ||
| 2120 | 17년 전 | 2718 | ||
| 2119 | 17년 전 | 2143 | ||
| 2118 | 17년 전 | 1797 | ||
| 2117 |
아름다운세상
|
17년 전 | 4206 | |
| 2116 | 17년 전 | 3049 | ||
| 2115 | 17년 전 | 1435 | ||
| 2114 |
아름다운세상
|
17년 전 | 3569 | |
| 2113 | 17년 전 | 2794 | ||
| 2112 | 17년 전 | 2074 | ||
| 2111 | 17년 전 | 1290 | ||
| 2110 | 17년 전 | 2330 | ||
| 2109 | 17년 전 | 2065 | ||
| 2108 | 17년 전 | 1984 | ||
| 2107 |
휴전합시다
|
17년 전 | 1919 | |
| 2106 | 17년 전 | 1168 | ||
| 2105 |
 skinartisanCOM |
17년 전 | 1871 | |
| 2104 | 17년 전 | 2925 | ||
| 2103 | 17년 전 | 1427 | ||
| 2102 | 17년 전 | 1670 | ||
| 2101 | 17년 전 | 1354 | ||
| 2100 | 17년 전 | 1600 | ||
| 2099 | 17년 전 | 1574 | ||
| 2098 | 17년 전 | 1445 | ||
| 2097 | 17년 전 | 2556 | ||
| 2096 | 17년 전 | 2325 | ||
| 2095 | 17년 전 | 2109 | ||
| 2094 | 17년 전 | 1421 | ||
| 2093 | 17년 전 | 2430 | ||
| 2092 | 17년 전 | 4262 | ||
| 2091 | 17년 전 | 2749 | ||
| 2090 | 17년 전 | 1664 | ||
| 2089 | 17년 전 | 1856 | ||
| 2088 | 17년 전 | 3236 | ||
| 2087 | 17년 전 | 2234 | ||
| 2086 | 17년 전 | 3830 | ||
| 2085 | 17년 전 | 1679 | ||
| 2084 | 17년 전 | 2282 | ||
| 2083 | 17년 전 | 2101 | ||
| 2082 | 17년 전 | 1613 | ||
| 2081 | 17년 전 | 2128 | ||
| 2080 |
letsgolee
|
17년 전 | 1921 | |
| 2079 | 17년 전 | 1961 | ||
| 2078 | 17년 전 | 3071 | ||
| 2077 | 17년 전 | 2144 | ||
| 2076 | 17년 전 | 1440 | ||
| 2075 | 17년 전 | 1458 | ||
| 2074 | 17년 전 | 2127 | ||
| 2073 | 17년 전 | 3206 | ||
| 2072 | 17년 전 | 2136 | ||
| 2071 |
휴전합시다
|
17년 전 | 1532 | |
| 2070 | 17년 전 | 4243 | ||
| 2069 | 17년 전 | 2039 | ||
| 2068 | 17년 전 | 3460 | ||
| 2067 | 17년 전 | 6033 | ||
| 2066 | 17년 전 | 1483 | ||
| 2065 |
letsgolee
|
17년 전 | 1653 | |
| 2064 | 17년 전 | 1235 | ||
| 2063 | 17년 전 | 1348 | ||
| 2062 |
vicky
|
17년 전 | 2873 | |
| 2061 | 17년 전 | 1909 | ||
| 2060 |
카프카07
|
17년 전 | 2594 | |
| 2059 | 17년 전 | 1308 | ||
| 2058 | 17년 전 | 3184 | ||
| 2057 | 17년 전 | 2164 | ||
| 2056 | 17년 전 | 2611 | ||
| 2055 | 17년 전 | 1406 | ||
| 2054 | 17년 전 | 1753 | ||
| 2053 | 17년 전 | 1145 | ||
| 2052 |
 JCrew |
17년 전 | 1203 | |
| 2051 | 17년 전 | 1788 | ||
| 2050 | 17년 전 | 1229 | ||
| 2049 | 17년 전 | 4313 | ||
| 2048 | 17년 전 | 1512 | ||
| 2047 | 17년 전 | 2009 | ||
| 2046 |
카프카07
|
17년 전 | 7091 | |
| 2045 | 17년 전 | 1384 | ||
| 2044 | 17년 전 | 1904 | ||
| 2043 | 17년 전 | 3133 | ||
| 2042 | 17년 전 | 1227 | ||
| 2041 |
카프카07
|
17년 전 | 1986 | |
| 2040 | 17년 전 | 1157 | ||
| 2039 |
smilesol
|
17년 전 | 1850 | |
| 2038 | 17년 전 | 2154 | ||
| 2037 |
skinartisanCOM |
17년 전 | 2969 | |
| 2036 | 17년 전 | 1247 | ||
| 2035 |
 smyada |
17년 전 | 1340 | |
| 2034 |
ㅣ곰탱이ㅣ
|
17년 전 | 1564 | |
| 2033 |
 허리손반장 |
17년 전 | 1232 | |
| 2032 | 17년 전 | 4356 | ||
| 2031 | 17년 전 | 3899 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기