圆角DIV边框

圆角边框

div12345
  • News1
  • News2
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圆角边框</title>
<style type="text/css">
#sash_left { width:360px; height:600px; }
#sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }
#sash_left ul li { line-height:16px; margin:2px 0; }
.b1, .b2, .b3, .b4 { font-size:1px; overflow:hidden; display:block; }
.b1 { height:1px; background:#AAA; margin:0 5px; }
.b2 { height:1px; background:#E0E0E0; border-right:2px solid #AAA; border-left:2px solid #AAA; margin:0 3px; }
.b3 { height:1px; background:#E3E3E3; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 2px; }
.b4 { height:2px; background:#E6E6E6; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 1px; }
.contentb { height:186px; text-align:center; background:#E9E9E9; border-right:1px solid #AAA; border-left:1px solid #AAA; }
</style>
</head>
<body>
<div id="sash_left">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
        <div class="contentb">
            div12345
            <ul><li>News1</li><li>News2</li></ul>
                </div>
                <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
            </div>
</body>
</html>

posted @ 2011-11-25 17:17  eva.xiao  阅读(307)  评论(0)  编辑  收藏  举报