본문 바로가기
프로그래밍/html js css

가변길이 라운드 만들기

by RPoint 2012. 10. 30.

가변길이 라운드는 안에 테이블 을 넣어야 된다.


<style>

div#niftyc1{ padding: 0 0 0 0 ;background:  ; width:100%;}

b.rtopc1, b.rbottomc1{display:block;background: #FFA54A}

b.rtopc1 b, b.rbottomc1 b{display:block;height: 1px;

    overflow: hidden; background: #C08A6D}

b.r11{margin: 0 5px}

b.r21{margin: 0 3px}

b.r31{margin: 0 2px}

b.rtopc1 b.r41, b.rbottomc b.r41{margin: 0 1px;height: 1px}

</style>


<div id='niftyc1'style="width:1%">

<table width="200" border=0 >

<tr><td>

<b class='rtopc1'>

<b class='r11'></b><b class='r21'></b><b class='r31'></b><b class='r41'></b></b>

<div style=";background: #C08A6D ;">

&nbsp;dddddddddddddddddddddddddddddddddddddddddddddddd&nbsp;

</div>

<b class='rbottomc1' >

<b class='r41'></b>

<b class='r31'></b>


<b class='r21'></b>

<b class='r11'></b>

</b>

</td></tr>

</table>


댓글