달력

32024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

펌 : 미니위니

by : 제민 (siopo)



소스


<style type="text/css">
 .rtop, .rbottom{display:block; background: #FFFFFF;}
 .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; }

 .r { text-align: center; width: 120px; font: bold 9px tahoma; }
 .r1 { margin: 0 5px; background: #DEDEDE; height: 1px; }
 .r2 { margin: 0 3px; border: solid #DEDEDE; border-width: 0 2px; }
 .r3 { margin: 0 2px; border: solid #DEDEDE; border-width: 0 1px; }
 .r4 { margin: 0 1px; border: solid #DEDEDE; border-width: 0 1px;  height: 2px}
 
 .r5 {margin: 0 2px; background: #DEDEDE; height: 1px}
 .r6 {margin: 0 1px; background: #FFFFFF; border: solid #DEDEDE; border-width: 0 1px;  height: 1px}
 
 .rc { border: solid #DEDEDE; border-width: 0 1px; }
</style>

<div class="r">
 <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
 <div class="rc">
  Round Table 1
 </div>
 <b class="rbottom"><b class="r4"></b><b class="r3"></b> <b class="r2"></b><b class="r1"></b></b>
</div>

<br />

<div class="r">
 <b class="rtop"><b class="r5"></b><b class="r6"></b></b>
 <div class="rc">
  Round Table 2
 </div>
 <b class="rbottom"><b class="r6"></b><b class="r5"></b></b>
</div>



결과

'DHTML' 카테고리의 다른 글

Painless JavaScript Using Prototype  (0) 2007.01.19
Firebug !!!  (0) 2006.12.21
http://www.codingforums.com/  (0) 2006.01.26
드뎌 나왔군... Ajax in action  (0) 2005.10.17
[펌] 동적 테이블 생성 샘플 DHTML  (0) 2005.09.06
Posted by tornado
|