CSS generates rounded border

 <! --  ---- Rounded border -------  -->          <  Div  ID  = "Xsnzzy1"  >              <  B  Class  = "Xtop"  > <  B  Class  = "Xb1"  > </ B  > <  B  Class  = "XB2"  > </  B  > <  B  Class  = "Xb3"  > </  B  > <  B  Class  = "Xb4" >              </  B  > </  B  >              <  Div  ID  = "Xboxcontent1"  >                  <! --  ---- Content -------  -->                 <! --  ---------------  -->             </  Div  >              <  B  Class  = "Xbottom"  > <  B  Class  = "Xb4"  > </  B  > <  B  Class  = "Xb3" > </  B  > <  B  Class  = "XB2"  > </  B  > <  B  Class  = "Xb1"  >              </  B  > </  B >          </  Div  > 

CSS Section

 /*  ------------ CSS style of the rounded border --------------  */  # Xsnathh1, # xsnathh2, # xsnathp { Margin : 0 10px ; Letter-spacing : 1px ;} # Xsnathh1 {Font-size : 2.5em ; Color : # Fff ;} # Xsnathh2 { Font-size : 2em ; Color : # 06a ; Border : 0 ;} # Xsnathp { Padding-bottom :0.5em ;} # Xsnathh2 { Padding-top : 0.5em ;} . 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: # fcfcfc; background color  */  Border-left : 1px solid # cccccc ;/*  Border color  */  Border-Right : 1px solid # cccccc ; /*  Border color  */ } . Xb1 { Margin : 0 5px ; Background : # Cccccc ; /* Border color  */ } . XB2 { Margin : 0 3px ; Border-Width : 0 2px ;} . Xb3 { Margin : 0 2px ;} . Xb4 { Height : 2px ;Margin : 0 1px ;} # Xboxcontent1 { Height : 740px ; Display : Block ; /*  Background: # fcfcfc; background color  */  Border : 0 solid # cccccc ; /*  Border color */  Border-Width : 0 1px ;} # Xsnzzy1 { Width : 100% ; Margin : 5px 0px ;} /*  **************************************** **************  */