<
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 >
< 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 >