Div圆角边框的实现例子+代码
2015-02-21 18:48
323 查看
<html>
<head>
<title>Div圆角边框的实现例子</title>
<style type="text/css">
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right:1px solid #999;}
.b1,.b1b{margin:0 5px;background:#999;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#000;}
.k {height:100px;color:#fff;}
</style>
</head>
<body>
<div style="width:200px;">
<b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
<div class="b d1 k" >Div圆角<br>火狐/Chrome</div>
<b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
</div>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</html>
<head>
<title>Div圆角边框的实现例子</title>
<style type="text/css">
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right:1px solid #999;}
.b1,.b1b{margin:0 5px;background:#999;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#000;}
.k {height:100px;color:#fff;}
</style>
</head>
<body>
<div style="width:200px;">
<b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
<div class="b d1 k" >Div圆角<br>火狐/Chrome</div>
<b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
</div>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</html>
相关文章推荐
- div+css无图边框圆角实现思路及代码
- 用div+css实现无图圆角边框
- 实现DIV圆角的js代码和使用方法
- CSS3实现DIV圆角效果完整代码
- Android通过代码实现圆角边框shape
- CSS3实现DIV圆角完整代码
- DIV+CSS实现圆角边框
- div+css实现圆角边框
- 实现CSS3中的border-radius(边框圆角)示例代码
- Android圆角边框代码实现
- Javascript 圆角div的实现代码
- CSS3实现DIV圆角完整代码
- 纯DIV+CSS实现圆角代码
- js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
- div+css实现圆角边框
- Javascript 圆角div的实现代码
- div+css实现圆角边框:
- CSS3实现DIV圆角效果完整代码
- CSS3实现DIV圆角完整代码
- js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)