CSS怎么实现图片中的效果 _HTML/CSS

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>