yahoo的框框

<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html >
< head >
< title > ChineseDevExpress : Chinese DevExpress  </ title >
<!-- link rel="stylesheet" type="text/css" href="http://us.js2.yimg.com/us.js.yimg.com/lib/yg/css/global_200704120000.css">
<link rel="stylesheet" type="text/css" href="http://us.js2.yimg.com/us.js.yimg.com/lib/yg/css/dynamic_200602130000.css" -->
< style >
body  { padding : 10px ; }
.ygrp-contentblock  { padding : 10px 15px ; }

/*  Container with Rounded Corner Border  */
.ygrp-container-border  {  border : 1px solid #7b9ebd ;  width : auto ;  margin : 0 0 5px 0 ;  padding : 0 ; }
.ygrp-container-border div.bodypad textarea  { padding-left : 5px ; }
.ygrp-contentblock div.bodypad  {  margin : 0 0 0 10px ; }
.ygrp-contentblock div.bodypad2  {  margin : 0 10px 0 25px ; }
.ygrp-contentblock div.bodypad3  {  margin : 0 10px 0 25px ; }
.ygrp-nowrap  { white-space : nowrap  }
.corner-top, .corner-left, .corner-bottom  { background-repeat : no-repeat ; display : block ; position : relative ; font-size : 0 ; line-height : 0 ; margin : 0 ; height : 3px ; }
.corner-top  { background-position : 100% 0 ; width : auto ; top : -1px ; right : -1px ; }
.corner-top .corner-left  { background-position : 0 -6px ; width : 3px ; left : -2px ; }
.corner-bottom  { background-position : 100% -3px ; clear : both ; width : auto ; bottom : -1px ; right : -1px ; }
.corner-bottom .corner-left  { background-position : 0 -9px ;  width : 3px ; left : -2px ; }
.corner-top, .corner-left, .corner-bottom  {   background-image : url(http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_blue.gif) ; }
div.ygrp-container-border  { border-color : #7b9ebd ; background-color : #fff ; }
.ygrp-container-border .headaction  {  background-color : #e7eff7 ; }
.ygrp-container-border .footaction  { background-color : #e7eff7 ; }
</ style >
</ head >
< body  style ="padding:10px;" >
< div  class ="ygrp-container-border" >
   < span  class ="corner-top" >< span  class ="corner-left" ></ span ></ span >
   < div  class ="ygrp-contentblock" >
     < b > Stay up to speed on the latest Groups news and updates, visit the
       < a  href ="http://www.ygroupsblog.com/blog/" > Groups blog </ a >  today!
     </ b >
   </ div >
   < span  class ="corner-bottom" >< span  class ="corner-left" ></ span ></ span >
</ div >

< div  class ="ygrp-container-border" >
   < div  class ="headaction" >
     < span  class ="corner-top" >< span  class ="corner-left" ></ span ></ span >
       < div  style ="padding:2px 0px 3px 10px;" >< b > Header </ b ></ div >
   </ div >
   < div  class ="ygrp-contentblock" >
     < b > Stay up to speed on the latest Groups news and updates, visit the
       < a  href ="http://www.ygroupsblog.com/blog/" > Groups blog </ a >  today!
     </ b >
   </ div >
   < div  class ="footaction" >
     < div  style ="padding:2px 0px 3px 10px;" >< b > Footer </ b ></ div >
     < span  class ="corner-bottom" >< span  class ="corner-left" ></ span ></ span >
   </ div >
</ div >
</ body >
</ html >