Circle in CSS #

<style type="text/css">
 #c {width: 200px; background: #8cf}
 #rt, #rb {display: block; background: #fff}
 #rt b, #rb b{display: block; height: 1px; overflow: hidden; background: #8cf}
 #r1 {margin: 0 91px}
 #r2 {margin: 0 83px}
 #r3 {margin: 0 78px}
 #r4 {margin: 0 74px}
 #r5 {margin: 0 69px}
 #r6 {margin: 0 67px}
 #r7 {margin: 0 64px}
 #r8 {margin: 0 62px}
 #r9 {margin: 0 60px}
 #r10 {margin: 0 58px}
 #r11 {margin: 0 55px}
 #r12 {margin: 0 53px}
 #r13 {margin: 0 51px}
 #r14 {margin: 0 49px}
 #r15 {margin: 0 48px}
 #r16 {margin: 0 47px}
 #r17 {margin: 0 45px}
 #r18 {margin: 0 43px}
 #r19 {margin: 0 42px}
 #r20 {margin: 0 41px}
 #r21 {margin: 0 39px}
 #r22 {margin: 0 38px}
 #r23 {margin: 0 37px}
 #r24 {margin: 0 35px}
 #r25 {margin: 0 34px}
 #r26 {margin: 0 33px}
 #r27 {margin: 0 32px}
 #r28 {margin: 0 30px}
 #r29 {margin: 0 29px}
 #r30 {margin: 0 28px}
 #r31 {margin: 0 27px}
 #r32 {margin: 0 25px}
 #r33 {margin: 0 24px}
 #r34 {margin: 0 23px}
 #r35 {margin: 0 22px}
 #r36 {margin: 0 21px}
 #r37 {margin: 0 20px}
 #r38 {margin: 0 19px}
 #r39 {margin: 0 18px}
 #r40 {margin: 0 17px}
 #r41 {margin: 0 16px}
 #r42 {margin: 0 15px}
 #r43 {margin: 0 14px}
 #r44 {margin: 0 13px}
 #r45 {margin: 0 12px}
 #r46 {margin: 0 11px}
 #r47 {margin: 0 10px}
 #r48 {margin: 0 9px}
 #r49 {margin: 0 8px}
 #r50 {margin: 0 7px}
 #r51 {margin: 0 6px}
 #r52 {margin: 0 5px}
 #r53 {margin: 0 4px}
 #r54 {margin: 0 3px}
 #r55 {margin: 0 2px}
 #r56 {margin: 0 1px}
</style>




<div id="c">

<b id="rt">
 <b id="r1"></b>
 <b id="r2"></b>
 <b id="r3"></b>
 <b id="r4"></b>
 <b id="r5"></b>
 <b id="r6"></b>
 <b id="r7"></b>
 <b id="r8"></b>
 <b id="r9"></b>
 <b id="r10"></b>
 <b id="r11"></b>
 <b id="r12"></b>
 <b id="r13"></b>
 <b id="r14"></b>
 <b id="r15"></b>
 <b id="r16"></b>
 <b id="r17"></b>
 <b id="r18"></b>
 <b id="r19"></b>
 <b id="r20"></b>
 <b id="r21"></b>
 <b id="r22"></b>
 <b id="r23"></b>
 <b id="r24"></b>
 <b id="r25"></b>
 <b id="r25"></b>
 <b id="r26"></b>
 <b id="r27"></b>
 <b id="r28"></b>
 <b id="r29"></b>
 <b id="r29"></b>
 <b id="r30"></b>
 <b id="r31"></b>
 <b id="r32"></b>
 <b id="r33"></b>
 <b id="r33"></b>
 <b id="r34"></b>
 <b id="r35"></b>
 <b id="r36"></b>
 <b id="r36"></b>
 <b id="r37"></b>
 <b id="r38"></b>
 <b id="r39"></b>
 <b id="r39"></b>
 <b id="r40"></b>
 <b id="r40"></b>
 <b id="r41"></b>
 <b id="r42"></b>
 <b id="r43"></b>
 <b id="r43"></b>
 <b id="r44"></b>
 <b id="r44"></b>
 <b id="r45"></b>
 <b id="r45"></b>
 <b id="r46"></b>
 <b id="r46"></b>
 <b id="r47"></b>
 <b id="r47"></b>
 <b id="r48"></b>
 <b id="r48"></b>
 <b id="r48"></b>
 <b id="r49"></b>
 <b id="r49"></b>
 <b id="r50"></b>
 <b id="r50"></b>
 <b id="r51"></b>
 <b id="r51"></b>
 <b id="r52"></b>
 <b id="r52"></b>
 <b id="r52"></b>
 <b id="r53"></b>
 <b id="r53"></b>
 <b id="r53"></b>
 <b id="r53"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
</b>

<b id="rb">
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r56"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r55"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r54"></b>
 <b id="r53"></b>
 <b id="r53"></b>
 <b id="r53"></b>
 <b id="r53"></b>
 <b id="r52"></b>
 <b id="r52"></b>
 <b id="r52"></b>
 <b id="r51"></b>
 <b id="r51"></b>
 <b id="r50"></b>
 <b id="r50"></b>
 <b id="r49"></b>
 <b id="r49"></b>
 <b id="r48"></b>
 <b id="r48"></b>
 <b id="r48"></b>
 <b id="r47"></b>
 <b id="r47"></b>
 <b id="r46"></b>
 <b id="r46"></b>
 <b id="r45"></b>
 <b id="r45"></b>
 <b id="r44"></b>
 <b id="r44"></b>
 <b id="r43"></b>
 <b id="r43"></b>
 <b id="r42"></b>
 <b id="r41"></b>
 <b id="r40"></b>
 <b id="r40"></b>
 <b id="r39"></b>
 <b id="r39"></b>
 <b id="r38"></b>
 <b id="r37"></b>
 <b id="r36"></b>
 <b id="r36"></b>
 <b id="r35"></b>
 <b id="r34"></b>
 <b id="r33"></b>
 <b id="r33"></b>
 <b id="r32"></b>
 <b id="r31"></b>
 <b id="r30"></b>
 <b id="r29"></b>
 <b id="r29"></b>
 <b id="r28"></b>
 <b id="r27"></b>
 <b id="r26"></b>
 <b id="r25"></b>
 <b id="r25"></b>
 <b id="r24"></b>
 <b id="r23"></b>
 <b id="r22"></b>
 <b id="r21"></b>
 <b id="r20"></b>
 <b id="r19"></b>
 <b id="r18"></b>
 <b id="r17"></b>
 <b id="r16"></b>
 <b id="r15"></b>
 <b id="r14"></b>
 <b id="r13"></b>
 <b id="r12"></b>
 <b id="r11"></b>
 <b id="r10"></b>
 <b id="r9"></b>
 <b id="r8"></b>
 <b id="r7"></b>
 <b id="r6"></b>
 <b id="r5"></b>
 <b id="r4"></b>
 <b id="r3"></b>
 <b id="r2"></b>
 <b id="r1"></b>
</b>


</div>