Code
<HTML> <style type = "text/CSS">
# Xsnathh1, # xsnathh2, # xsnathp { Margin : 0 10px ; Letter-spacing : 1px ; }
# Xsnathh1 { Font-size : 2.5em ; Color : #000 ; }
# Xsnathh2 { Font-size : 2em ; Color : # 06a ; Border : 0 ; }
# Xsnathp { Padding-bottom : 0.5em ; }
# Xsnathh2 { Padding-top : 0.5em ; }
# Xsnail bait { Background : Transparent ; Margin : 1em ; }
. Xtop,. xbottom { Display : Block ; Background : Transparent ; Font-size : 1px ; }
. Xb1,. XB2,. xb3,. xb4 { Display : Block ; Overflow : Hidden ; }
. Xb1,. XB2,. xb3 { Height : 1px ; }
. XB2,. xb3,. xb4 { Background : # Fff ; Border-left : 1px solid # ccc ; Border-Right : 1px solid # ccc ; }
. Xb1 { Margin : 0 5px ; Background : # Ccc ; }
. XB2 { Margin : 0 3px ; Border-Width : 0 2px ; }
. Xb3 { Margin : 0 2px ; }
. Xb4 { Height : 2px ; Margin : 0 1px ; }
. Xboxcontent { Display : Block ; Background : # Fff ; Border : 0 solid # ccc ; Border-Width : 0 1px ; }
</Style>
<Div id = "xsnax">
<B class = "xtop"> <B class = "xb1"> </B> <B class = "XB2"> </B> <B class = "xb3"> </B> <B class = "xb4"> </B>
<Div class = "xboxcontent">
<H1> CSS rounded corner .! </H1>
<P>
CSS rounded corner.
</P>
</Div>
<B class = "xbottom"> <B class = "xb4"> </B> <B class = "xb3"> </B> <B class = "XB2"> </B> <B class = "xb1"> </B>
</Div>