Rounded Corner with CSS and No Images

Skilled contributor
11May2009,17:21   #1
Izaan's Avatar
I had a code which creates rounded corners without any Javascript and images but could not find it anymore and so can you guys share something.
Go4Expert Founder
11May2009,17:26   #2
shabbir's Avatar
I have this code in my PC which worked for me

HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
<style>
.hWcur {background: transparent;}
.hWcur .b1, .hWcur .b2, .hWcur .b3, .hWcur .b4{display:block; overflow:hidden; font-size:1px;}
.hWcur .b1, .hWcur .b2, .hWcur .b3{height:1px;}
.hWcur .b2, .hWcur .b3, .hWcur .b4{background:#fff; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.hWcur .b1{margin:0 5px; background:#cccccc;}
.hWcur .b2{margin:0 3px; border-width:0 2px;}
.hWcur .b3{margin:0 2px;}
.hWcur .b4{height:2px; margin:0 1px;}
.hWcur .boxcont{background:#fff;padding:5px;border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
 
</style>
</HEAD>

<BODY>
<div class="hWcur" style="width:300px;">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <div class="boxcont">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
    </div>
    <b class="b4"></b>
    <b class="b3"></b>
    <b class="b2"></b>
    <b class="b1"></b>
</div>
</BODY>
</HTML>
~ Б0ЯИ Τ0 С0δЭ ~
11May2009,17:38   #3
SaswatPadhi's Avatar
.
.
.
<div class="boxcont">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
 </div>
.
.
.

What does the sentence in bold mean ?!?
Go4Expert Founder
11May2009,20:04   #4
shabbir's Avatar
Dummy text