이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
18년 전
이 좋은 것을.....
감사합니다....
제 홈에 언능 가져다가 해 볼렵니다...^^
감사합니다....
제 홈에 언능 가져다가 해 볼렵니다...^^
느낌좋은날
18년 전
저도 저 곳 게시판 보다 소스를 넣어서 봤는데 좋더라구요 얼른 업어가세요 ^^;
18년 전
테스트해본결과.....넘좋군요...감사합니다...^^
18년 전
너무 좋음. ^^ 고맙습니다.
swinter
17년 전
감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1930 | 17년 전 | 2999 | ||
| 1929 | 17년 전 | 1873 | ||
| 1928 | 17년 전 | 3987 | ||
| 1927 | 17년 전 | 1401 | ||
| 1926 |
지엔소프트
|
17년 전 | 1119 | |
| 1925 |
보드타는찌니
|
17년 전 | 1230 | |
| 1924 |
choijinhee
|
17년 전 | 1116 | |
| 1923 | 17년 전 | 1372 | ||
| 1922 | 17년 전 | 1738 | ||
| 1921 | 17년 전 | 2335 | ||
| 1920 | 17년 전 | 2412 | ||
| 1919 | 17년 전 | 1415 | ||
| 1918 | 17년 전 | 1163 | ||
| 1917 | 17년 전 | 2431 | ||
| 1916 | 17년 전 | 2858 | ||
| 1915 |
|
17년 전 | 3224 | |
| 1914 | 17년 전 | 3166 | ||
| 1913 | 17년 전 | 2327 | ||
| 1912 | 17년 전 | 3747 | ||
| 1911 | 17년 전 | 3176 | ||
| 1910 | 17년 전 | 5496 | ||
| 1909 | 17년 전 | 2649 | ||
| 1908 | 17년 전 | 1850 | ||
| 1907 | 17년 전 | 1932 | ||
| 1906 | 17년 전 | 1771 | ||
| 1905 | 17년 전 | 1699 | ||
| 1904 | 17년 전 | 2763 | ||
| 1903 | 17년 전 | 1882 | ||
| 1902 | 17년 전 | 1571 | ||
| 1901 | 17년 전 | 2062 | ||
| 1900 |
stuartkim
|
17년 전 | 1128 | |
| 1899 | 17년 전 | 1658 | ||
| 1898 | 17년 전 | 2872 | ||
| 1897 | 17년 전 | 2111 | ||
| 1896 | 17년 전 | 1803 | ||
| 1895 | 17년 전 | 2022 | ||
| 1894 | 17년 전 | 1310 | ||
| 1893 | 17년 전 | 1706 | ||
| 1892 | 17년 전 | 1206 | ||
| 1891 | 17년 전 | 1769 | ||
| 1890 | 17년 전 | 1795 | ||
| 1889 | 17년 전 | 1034 | ||
| 1888 | 17년 전 | 3134 | ||
| 1887 | 17년 전 | 4309 | ||
| 1886 | 17년 전 | 2453 | ||
| 1885 | 17년 전 | 7456 | ||
| 1884 | 17년 전 | 3824 | ||
| 1883 | 17년 전 | 4154 | ||
| 1882 | 17년 전 | 2416 | ||
| 1881 | 17년 전 | 2879 | ||
| 1880 | 17년 전 | 3626 | ||
| 1879 | 17년 전 | 3999 | ||
| 1878 | 17년 전 | 3159 | ||
| 1877 | 17년 전 | 3141 | ||
| 1876 | 17년 전 | 3289 | ||
| 1875 | 17년 전 | 2457 | ||
| 1874 | 17년 전 | 2054 | ||
| 1873 | 17년 전 | 3099 | ||
| 1872 | 17년 전 | 3249 | ||
| 1871 | 17년 전 | 4604 | ||
| 1870 | 17년 전 | 1578 | ||
| 1869 | 17년 전 | 2610 | ||
| 1868 | 17년 전 | 2686 | ||
| 1867 | 17년 전 | 1896 | ||
| 1866 | 17년 전 | 2213 | ||
| 1865 | 17년 전 | 1828 | ||
| 1864 | 17년 전 | 2364 | ||
| 1863 | 17년 전 | 3766 | ||
| 1862 | 17년 전 | 3883 | ||
| 1861 | 17년 전 | 2077 | ||
| 1860 | 17년 전 | 1353 | ||
| 1859 | 17년 전 | 1491 | ||
| 1858 |
 FESYMAN |
17년 전 | 1636 | |
| 1857 | 17년 전 | 1621 | ||
| 1856 |
보드타는찌니
|
17년 전 | 1383 | |
| 1855 | 17년 전 | 1524 | ||
| 1854 |
FESYMAN |
17년 전 | 1343 | |
| 1853 | 17년 전 | 1836 | ||
| 1852 | 17년 전 | 2740 | ||
| 1851 | 17년 전 | 1837 | ||
| 1850 |
 comet |
17년 전 | 1388 | |
| 1849 |
 넥스트스텝 |
17년 전 | 1672 | |
| 1848 |
넥스트스텝 |
17년 전 | 2318 | |
| 1847 | 17년 전 | 1940 | ||
| 1846 |
은사시나무
|
17년 전 | 1256 | |
| 1845 |
갈색야생마
|
17년 전 | 5896 | |
| 1844 |
갈색야생마
|
17년 전 | 3279 | |
| 1843 |
갈색야생마
|
17년 전 | 3174 | |
| 1842 |
갈색야생마
|
17년 전 | 2589 | |
| 1841 |
갈색야생마
|
17년 전 | 2769 | |
| 1840 |
갈색야생마
|
17년 전 | 2718 | |
| 1839 |
갈색야생마
|
17년 전 | 3222 | |
| 1838 |
갈색야생마
|
17년 전 | 2350 | |
| 1837 |
갈색야생마
|
17년 전 | 2470 | |
| 1836 |
갈색야생마
|
17년 전 | 2530 | |
| 1835 |
갈색야생마
|
17년 전 | 2519 | |
| 1834 |
갈색야생마
|
17년 전 | 2657 | |
| 1833 |
갈색야생마
|
17년 전 | 3180 | |
| 1832 |
갈색야생마
|
17년 전 | 2697 | |
| 1831 |
갈색야생마
|
17년 전 | 1424 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기