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.
I have this code in my PC which worked for me HTML: <!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>
. . . <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 ?!?