이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7030 | 11년 전 | 1403 | ||
| 7029 |
 Terrorboy |
11년 전 | 3241 | |
| 7028 |
Terrorboy |
11년 전 | 1140 | |
| 7027 | 11년 전 | 1006 | ||
| 7026 | 11년 전 | 2082 | ||
| 7025 |
어려워요잉
|
11년 전 | 2740 | |
| 7024 | 11년 전 | 2103 | ||
| 7023 | 11년 전 | 3131 | ||
| 7022 |
Shhhh
|
11년 전 | 1526 | |
| 7021 |
 LaRuota |
11년 전 | 3269 | |
| 7020 | 11년 전 | 787 | ||
| 7019 |
막돼먹은영애
|
11년 전 | 1081 | |
| 7018 | 11년 전 | 1954 | ||
| 7017 | 11년 전 | 2314 | ||
| 7016 | 11년 전 | 1021 | ||
| 7015 | 11년 전 | 2825 | ||
| 7014 | 11년 전 | 3029 | ||
| 7013 | 11년 전 | 1518 | ||
| 7012 |
Terrorboy |
11년 전 | 2194 | |
| 7011 | 11년 전 | 1049 | ||
| 7010 | 11년 전 | 1402 | ||
| 7009 |
Terrorboy |
11년 전 | 1071 | |
| 7008 | 11년 전 | 2263 | ||
| 7007 | 11년 전 | 2181 | ||
| 7006 |
Terrorboy |
11년 전 | 1173 | |
| 7005 | 11년 전 | 5307 | ||
| 7004 | 11년 전 | 2357 | ||
| 7003 | 11년 전 | 3065 | ||
| 7002 | 11년 전 | 1916 | ||
| 7001 | 11년 전 | 954 | ||
| 7000 | 11년 전 | 2042 | ||
| 6999 |
LaRuota |
11년 전 | 2160 | |
| 6998 | 11년 전 | 1876 | ||
| 6997 |
네이비칼라
|
11년 전 | 1490 | |
| 6996 | 11년 전 | 951 | ||
| 6995 |
Terrorboy |
11년 전 | 1849 | |
| 6994 | 11년 전 | 2573 | ||
| 6993 |
kimsdesign
|
11년 전 | 1297 | |
| 6992 |
Terrorboy |
11년 전 | 2773 | |
| 6991 | 11년 전 | 1719 | ||
| 6990 | 11년 전 | 4470 | ||
| 6989 | 11년 전 | 1850 | ||
| 6988 |
네이비컬러
|
11년 전 | 2508 | |
| 6987 | 11년 전 | 3723 | ||
| 6986 |
잘살아보자
|
11년 전 | 1591 | |
| 6985 |
잘살아보자
|
11년 전 | 2467 | |
| 6984 | 11년 전 | 819 | ||
| 6983 |
천재조상훈
|
11년 전 | 1853 | |
| 6982 |
천재조상훈
|
11년 전 | 4490 | |
| 6981 |
천재조상훈
|
11년 전 | 1619 | |
| 6980 |
 HackYa |
11년 전 | 1872 | |
| 6979 |
 iwebstory |
11년 전 | 750 | |
| 6978 |
잘살아보자
|
11년 전 | 1139 | |
| 6977 |
잘살아보자
|
11년 전 | 1466 | |
| 6976 |
잘살아보자
|
11년 전 | 1574 | |
| 6975 |
천재조상훈
|
11년 전 | 1477 | |
| 6974 |
잘살아보자
|
11년 전 | 2231 | |
| 6973 |
잘살아보자
|
11년 전 | 1154 | |
| 6972 |
잘살아보자
|
11년 전 | 3068 | |
| 6971 |
잘살아보자
|
11년 전 | 3273 | |
| 6970 |
잘살아보자
|
11년 전 | 1839 | |
| 6969 |
잘살아보자
|
11년 전 | 4764 | |
| 6968 | 11년 전 | 9897 | ||
| 6967 |
 매직크레용 |
11년 전 | 2632 | |
| 6966 |
매직크레용 |
11년 전 | 1111 | |
| 6965 | 11년 전 | 3256 | ||
| 6964 | 11년 전 | 2579 | ||
| 6963 | 11년 전 | 2100 | ||
| 6962 |
star3840
|
11년 전 | 1015 | |
| 6961 | 11년 전 | 4242 | ||
| 6960 |
iwebstory |
11년 전 | 717 | |
| 6959 | 11년 전 | 1238 | ||
| 6958 |
 devdev |
11년 전 | 1667 | |
| 6957 | 11년 전 | 1890 | ||
| 6956 |
잘살아보자
|
11년 전 | 1850 | |
| 6955 | 11년 전 | 4625 | ||
| 6954 | 11년 전 | 1625 | ||
| 6953 |
잘살아보자
|
11년 전 | 860 | |
| 6952 |
잘살아보자
|
11년 전 | 2043 | |
| 6951 | 11년 전 | 1611 | ||
| 6950 | 11년 전 | 2611 | ||
| 6949 |
잘살아보자
|
11년 전 | 884 | |
| 6948 | 11년 전 | 1552 | ||
| 6947 | 11년 전 | 1464 | ||
| 6946 | 11년 전 | 1603 | ||
| 6945 | 11년 전 | 1227 | ||
| 6944 | 11년 전 | 1184 | ||
| 6943 | 11년 전 | 1229 | ||
| 6942 | 11년 전 | 1570 | ||
| 6941 | 11년 전 | 1656 | ||
| 6940 | 11년 전 | 1753 | ||
| 6939 | 11년 전 | 1663 | ||
| 6938 | 11년 전 | 1941 | ||
| 6937 | 11년 전 | 1149 | ||
| 6936 | 11년 전 | 1347 | ||
| 6935 | 11년 전 | 1298 | ||
| 6934 | 11년 전 | 1465 | ||
| 6933 | 11년 전 | 1972 | ||
| 6932 | 11년 전 | 1530 | ||
| 6931 | 11년 전 | 1534 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기