CSS怎么实现图片中的效果

CSS如何实现图片中的效果?实现中间背景统一是白色,周围都有边框。[解决办法]HTML code!doctype htmlhtml

CSS如何实现图片中的效果?

实现中间背景统一是白色,周围都有边框。

[解决办法]

HTML code
<!doctype html><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>            * { margin:0; padding:0; }            div { position: absolute; left:100px; }            .a { top:1px; width:100px; line-height:40px; background:#fff; border:1px solid blue; border-bottom:none; }            .b { top:40px; width:200px; heihgt:60px; border:1px solid blue; border-top:2px solid red; z-index:-999;}        </style>    </head>    <body>        <div class="a">some Text</div>        <div class="b">some Text</div>    </body></html>