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