이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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년 전
저도 저 곳 게시판 보다 소스를 넣어서 봤는데 좋더라구요 얼른 업어가세요 ^^;
18년 전
테스트해본결과.....넘좋군요...감사합니다...^^
18년 전
너무 좋음. ^^ 고맙습니다.
swinter
17년 전
감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1030 | 18년 전 | 1788 | ||
| 1029 | 18년 전 | 2221 | ||
| 1028 | 18년 전 | 2631 | ||
| 1027 | 18년 전 | 1791 | ||
| 1026 | 18년 전 | 1528 | ||
| 1025 | 18년 전 | 1543 | ||
| 1024 | 18년 전 | 1464 | ||
| 1023 | 18년 전 | 3227 | ||
| 1022 | 18년 전 | 2917 | ||
| 1021 | 18년 전 | 1676 | ||
| 1020 | 18년 전 | 3415 | ||
| 1019 | 18년 전 | 1842 | ||
| 1018 | 18년 전 | 1491 | ||
| 1017 | 18년 전 | 1958 | ||
| 1016 | 18년 전 | 2100 | ||
| 1015 | 18년 전 | 1632 | ||
| 1014 | 18년 전 | 2343 | ||
| 1013 | 18년 전 | 2001 | ||
| 1012 | 18년 전 | 1625 | ||
| 1011 | 18년 전 | 1785 | ||
| 1010 | 18년 전 | 2039 | ||
| 1009 | 18년 전 | 1804 | ||
| 1008 | 18년 전 | 1612 | ||
| 1007 | 18년 전 | 1666 | ||
| 1006 | 18년 전 | 3133 | ||
| 1005 | 18년 전 | 1997 | ||
| 1004 | 18년 전 | 1872 | ||
| 1003 | 18년 전 | 4369 | ||
| 1002 | 18년 전 | 4994 | ||
| 1001 | 18년 전 | 3164 | ||
| 1000 | 18년 전 | 2909 | ||
| 999 | 18년 전 | 3501 | ||
| 998 | 18년 전 | 2047 | ||
| 997 | 18년 전 | 2408 | ||
| 996 | 18년 전 | 2701 | ||
| 995 | 18년 전 | 2756 | ||
| 994 | 18년 전 | 2348 | ||
| 993 | 18년 전 | 1617 | ||
| 992 | 18년 전 | 3378 | ||
| 991 | 18년 전 | 1988 | ||
| 990 | 18년 전 | 2383 | ||
| 989 | 18년 전 | 2457 | ||
| 988 | 18년 전 | 2885 | ||
| 987 | 18년 전 | 5219 | ||
| 986 |
 드렁크수달스 |
19년 전 | 2492 | |
| 985 |
드렁크수달스 |
19년 전 | 3342 | |
| 984 | 19년 전 | 4278 | ||
| 983 |
느낌좋은날
|
19년 전 | 2501 | |
| 982 | 19년 전 | 2467 | ||
| 981 | 19년 전 | 4042 | ||
| 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년 전 | 2789 | |
| 972 |
MCLUB |
19년 전 | 1748 | |
| 971 | 19년 전 | 5320 | ||
| 970 | 19년 전 | 3573 | ||
| 969 | 19년 전 | 4324 | ||
| 968 | 19년 전 | 3068 | ||
| 967 | 19년 전 | 2526 | ||
| 966 | 19년 전 | 3924 | ||
| 965 | 19년 전 | 2653 | ||
| 964 | 19년 전 | 2994 | ||
| 963 | 19년 전 | 2962 | ||
| 962 | 19년 전 | 4179 | ||
| 961 | 19년 전 | 3128 | ||
| 960 | 19년 전 | 3022 | ||
| 959 | 19년 전 | 3673 | ||
| 958 | 19년 전 | 2976 | ||
| 957 | 19년 전 | 2190 | ||
| 956 | 19년 전 | 2225 | ||
| 955 | 19년 전 | 2177 | ||
| 954 | 19년 전 | 2769 | ||
| 953 | 19년 전 | 2479 | ||
| 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년 전 | 3027 | ||
| 943 |
 AGAWEB |
19년 전 | 2227 | |
| 942 | 19년 전 | 2454 | ||
| 941 |
AGAWEB |
19년 전 | 4078 | |
| 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년 전 | 2202 | ||
| 932 |
AGAWEB |
19년 전 | 3072 | |
| 931 | 19년 전 | 1857 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기