日期:2014-05-17  浏览次数:20881 次

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>