DIV+CSS圆角边框

最新推荐文章于 2025-12-24 20:22:46 发布

转载最新推荐文章于 2025-12-24 20:22:46 发布 · 754 阅读

文章标签：

#css #div #class

css 专栏收录该内容

1 篇文章

订阅专栏

注：在网上找了一些圆角边框的例子，发现有篇bolg的例子很不错，分享之。

简洁型css圆角：

方法1：

code1:

<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:#F7F8F9;}

.k {}{height:300px;}

</style>

</head>



<body>

<div>

<b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>

<div class="b d1 k">

<font style="font-size:26px;color:red; margin:0px 10px;">简洁型css圆角矩形</font>

</div>

<b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>

</div>

原文地址 http://www.cnblogs.com/mslove/archive/2009/03/24/1420703.html