读书人

CSS怎么实现图片中的效果

发布时间: 2012-09-07 10:38:15 作者: rapoo

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> 

读书人网 >CSS

热点推荐