Div圆角边框

< html >
  < head >
    < style  type ="text/css" >
   u.corner u
    {
       height :  1px ;
       font-size : 1px ;
       display :  block ;
       overflow :  hidden ;
        /* author: meizz */
       text-decoration :  none ;
       background-color :  green ;
    }
   u.corner u.h1 { margin :  0 5px ; }
   u.corner u.h2 { margin :  0 3px ; }
   u.corner u.h3 { margin :  0 2px ; }
   u.corner u.h4 { margin :  0 1px ;  height :  2px }
    </ style >
  < head >
  < body >
    < div >
    < u  class ="corner" >< u  class ="h1" ></ u >< u  class ="h2" ></ u >< u  class ="h3" ></ u >< u  class ="h4" ></ u ></ u >
      < div  style ="background-color: green; height: 200" > content </ div >
    < u  class ="corner" >< u  class ="h4" ></ u >< u  class ="h3" ></ u >< u  class ="h2" ></ u >< u  class ="h1" ></ u ></ u >
    </ div >
  </ body >

</html>