이미지 없이 스타일쉬트로만 만들어 봅니다...
<!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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 630 | 19년 전 | 2342 | ||
| 629 |
 ⓦangcho |
19년 전 | 2003 | |
| 628 |
ⓦangcho |
19년 전 | 3116 | |
| 627 |
ⓦangcho |
19년 전 | 2024 | |
| 626 |
ⓦangcho |
19년 전 | 2064 | |
| 625 |
ⓦangcho |
19년 전 | 1716 | |
| 624 |
ⓦangcho |
19년 전 | 2213 | |
| 623 | 19년 전 | 2191 | ||
| 622 |
 뜨락의이름 |
19년 전 | 2501 | |
| 621 |
ⓦangcho |
19년 전 | 2902 | |
| 620 |
ⓦangcho |
19년 전 | 2397 | |
| 619 | 19년 전 | 2461 | ||
| 618 | 19년 전 | 3507 | ||
| 617 |
 Elbis |
19년 전 | 3228 | |
| 616 |
Elbis |
19년 전 | 3217 | |
| 615 |
Elbis |
19년 전 | 3033 | |
| 614 |
Elbis |
19년 전 | 2040 | |
| 613 |
Elbis |
19년 전 | 2370 | |
| 612 |
Elbis |
19년 전 | 2233 | |
| 611 |
Elbis |
19년 전 | 2077 | |
| 610 |
Elbis |
19년 전 | 2512 | |
| 609 |
Elbis |
19년 전 | 2415 | |
| 608 |
Elbis |
19년 전 | 2805 | |
| 607 | 19년 전 | 2188 | ||
| 606 | 19년 전 | 3522 | ||
| 605 | 19년 전 | 1984 | ||
| 604 | 19년 전 | 2586 | ||
| 603 | 19년 전 | 1606 | ||
| 602 |
 Dream |
19년 전 | 2831 | |
| 601 | 19년 전 | 3072 | ||
| 600 |
 빨간망토의비밀 |
19년 전 | 2153 | |
| 599 | 19년 전 | 1992 | ||
| 598 | 19년 전 | 2475 | ||
| 597 | 19년 전 | 2385 | ||
| 596 |
ⓦangcho |
19년 전 | 3071 | |
| 595 |
ⓦangcho |
19년 전 | 6749 | |
| 594 | 19년 전 | 2703 | ||
| 593 | 19년 전 | 3183 | ||
| 592 |
 damoa.biz |
19년 전 | 3086 | |
| 591 |
ⓦangcho |
19년 전 | 1924 | |
| 590 | 19년 전 | 3363 | ||
| 589 | 19년 전 | 2204 | ||
| 588 |
ⓦangcho |
19년 전 | 2703 | |
| 587 | 19년 전 | 2343 | ||
| 586 |
 cunic |
19년 전 | 4357 | |
| 585 | 19년 전 | 2483 | ||
| 584 | 19년 전 | 2750 | ||
| 583 |
ⓦangcho |
19년 전 | 3515 | |
| 582 |
ⓦangcho |
19년 전 | 3714 | |
| 581 |
ⓦangcho |
19년 전 | 3244 | |
| 580 | 19년 전 | 2477 | ||
| 579 | 19년 전 | 3065 | ||
| 578 | 19년 전 | 3956 | ||
| 577 | 19년 전 | 3801 | ||
| 576 | 19년 전 | 1736 | ||
| 575 |
ⓦangcho |
19년 전 | 2201 | |
| 574 |
 happycommunity |
19년 전 | 5399 | |
| 573 | 19년 전 | 6709 | ||
| 572 | 19년 전 | 2558 | ||
| 571 | 19년 전 | 2103 | ||
| 570 | 19년 전 | 2600 | ||
| 569 | 19년 전 | 3295 | ||
| 568 | 19년 전 | 3520 | ||
| 567 | 19년 전 | 2980 | ||
| 566 | 19년 전 | 2595 | ||
| 565 |
ⓦangcho |
19년 전 | 4712 | |
| 564 |
ⓦangcho |
19년 전 | 6724 | |
| 563 |
ⓦangcho |
19년 전 | 4989 | |
| 562 |
ⓦangcho |
19년 전 | 5942 | |
| 561 |
ⓦangcho |
19년 전 | 2687 | |
| 560 |
ⓦangcho |
19년 전 | 2531 | |
| 559 |
ⓦangcho |
19년 전 | 2218 | |
| 558 |
ⓦangcho |
19년 전 | 2294 | |
| 557 | 19년 전 | 4591 | ||
| 556 |
 Photofly |
19년 전 | 4662 | |
| 555 | 19년 전 | 2499 | ||
| 554 | 19년 전 | 2172 | ||
| 553 | 19년 전 | 2517 | ||
| 552 |
Photofly |
19년 전 | 3155 | |
| 551 | 19년 전 | 2935 | ||
| 550 |
Elbis |
19년 전 | 1889 | |
| 549 |
Elbis |
19년 전 | 1951 | |
| 548 |
Elbis |
19년 전 | 3140 | |
| 547 |
Elbis |
19년 전 | 2355 | |
| 546 |
Elbis |
19년 전 | 3612 | |
| 545 |
Elbis |
19년 전 | 2541 | |
| 544 |
Elbis |
19년 전 | 1846 | |
| 543 |
Elbis |
19년 전 | 2451 | |
| 542 |
Elbis |
19년 전 | 1723 | |
| 541 |
Elbis |
19년 전 | 1403 | |
| 540 |
Elbis |
19년 전 | 1530 | |
| 539 |
Elbis |
19년 전 | 1796 | |
| 538 |
Elbis |
19년 전 | 1578 | |
| 537 |
Elbis |
19년 전 | 1777 | |
| 536 |
Elbis |
19년 전 | 1559 | |
| 535 |
Elbis |
19년 전 | 1955 | |
| 534 |
Elbis |
19년 전 | 1841 | |
| 533 |
Elbis |
19년 전 | 1441 | |
| 532 |
Elbis |
19년 전 | 1440 | |
| 531 |
Elbis |
19년 전 | 1352 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기