이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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년 전
감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2030 | 17년 전 | 2793 | ||
| 2029 | 17년 전 | 1603 | ||
| 2028 | 17년 전 | 1351 | ||
| 2027 | 17년 전 | 1609 | ||
| 2026 |
진정한승리
|
17년 전 | 2518 | |
| 2025 | 17년 전 | 1740 | ||
| 2024 | 17년 전 | 2017 | ||
| 2023 | 17년 전 | 1310 | ||
| 2022 |
SE7EN
|
17년 전 | 1045 | |
| 2021 | 17년 전 | 1126 | ||
| 2020 | 17년 전 | 2926 | ||
| 2019 | 17년 전 | 2467 | ||
| 2018 | 17년 전 | 2051 | ||
| 2017 | 17년 전 | 2050 | ||
| 2016 | 17년 전 | 1798 | ||
| 2015 | 17년 전 | 2250 | ||
| 2014 | 17년 전 | 2017 | ||
| 2013 | 17년 전 | 1985 | ||
| 2012 | 17년 전 | 1873 | ||
| 2011 | 17년 전 | 1215 | ||
| 2010 | 17년 전 | 1821 | ||
| 2009 | 17년 전 | 2230 | ||
| 2008 | 17년 전 | 2305 | ||
| 2007 | 17년 전 | 1642 | ||
| 2006 |
Arone
|
17년 전 | 1514 | |
| 2005 |
 저시키알바 |
17년 전 | 1362 | |
| 2004 | 17년 전 | 2581 | ||
| 2003 |
suerte
|
17년 전 | 2677 | |
| 2002 |
suerte
|
17년 전 | 2083 | |
| 2001 |
suerte
|
17년 전 | 2423 | |
| 2000 |
 미스코리아 |
17년 전 | 2727 | |
| 1999 |
미스코리아 |
17년 전 | 1329 | |
| 1998 |
 드러머찰스 |
17년 전 | 1191 | |
| 1997 | 17년 전 | 6331 | ||
| 1996 | 17년 전 | 1186 | ||
| 1995 | 17년 전 | 1631 | ||
| 1994 | 17년 전 | 1779 | ||
| 1993 | 17년 전 | 1107 | ||
| 1992 | 17년 전 | 1195 | ||
| 1991 | 17년 전 | 1896 | ||
| 1990 |
sdjsu
|
17년 전 | 1525 | |
| 1989 | 17년 전 | 3621 | ||
| 1988 |
smilesol
|
17년 전 | 1212 | |
| 1987 |
 도투꿀꿀이 |
17년 전 | 1910 | |
| 1986 | 17년 전 | 1188 | ||
| 1985 | 17년 전 | 1394 | ||
| 1984 | 17년 전 | 2364 | ||
| 1983 | 17년 전 | 2027 | ||
| 1982 | 17년 전 | 1040 | ||
| 1981 | 17년 전 | 1043 | ||
| 1980 | 17년 전 | 1104 | ||
| 1979 |
오렌지76
|
17년 전 | 6050 | |
| 1978 |
오렌지76
|
17년 전 | 5850 | |
| 1977 | 17년 전 | 2039 | ||
| 1976 |
없어씨바라
|
17년 전 | 1030 | |
| 1975 | 17년 전 | 1120 | ||
| 1974 | 17년 전 | 2086 | ||
| 1973 | 17년 전 | 1520 | ||
| 1972 | 17년 전 | 1159 | ||
| 1971 |
smilesol
|
17년 전 | 1196 | |
| 1970 | 17년 전 | 1149 | ||
| 1969 |
smilesol
|
17년 전 | 1070 | |
| 1968 |
소행성블루
|
17년 전 | 3973 | |
| 1967 |
소행성블루
|
17년 전 | 2178 | |
| 1966 | 17년 전 | 1654 | ||
| 1965 |
소행성블루
|
17년 전 | 2777 | |
| 1964 |
고양Ol아빠
|
17년 전 | 1482 | |
| 1963 | 17년 전 | 1169 | ||
| 1962 | 17년 전 | 1186 | ||
| 1961 |
choijinhee
|
17년 전 | 1251 | |
| 1960 | 17년 전 | 1134 | ||
| 1959 | 17년 전 | 1254 | ||
| 1958 |
하이웹솔루션
|
17년 전 | 2408 | |
| 1957 | 17년 전 | 4194 | ||
| 1956 | 17년 전 | 1194 | ||
| 1955 | 17년 전 | 3952 | ||
| 1954 | 17년 전 | 4109 | ||
| 1953 | 17년 전 | 1236 | ||
| 1952 | 17년 전 | 2185 | ||
| 1951 | 17년 전 | 1622 | ||
| 1950 | 17년 전 | 3217 | ||
| 1949 | 17년 전 | 1366 | ||
| 1948 | 17년 전 | 3611 | ||
| 1947 | 17년 전 | 3404 | ||
| 1946 | 17년 전 | 2576 | ||
| 1945 | 17년 전 | 2939 | ||
| 1944 | 17년 전 | 2628 | ||
| 1943 | 17년 전 | 1947 | ||
| 1942 | 17년 전 | 3314 | ||
| 1941 | 17년 전 | 2628 | ||
| 1940 | 17년 전 | 3524 | ||
| 1939 |
 r3load |
17년 전 | 1163 | |
| 1938 | 17년 전 | 2248 | ||
| 1937 | 17년 전 | 1327 | ||
| 1936 |
smilesol
|
17년 전 | 1198 | |
| 1935 |
AHEEZII
|
17년 전 | 1061 | |
| 1934 |
smilesol
|
17년 전 | 1043 | |
| 1933 | 17년 전 | 1417 | ||
| 1932 | 17년 전 | 2859 | ||
| 1931 | 17년 전 | 3254 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기