Div+Css一个简略圆角效果

Div+Css一个简单圆角效果
&lt;html&gt;&lt;head&gt;&lt;title&gt;css圆角效果&lt;/title&gt;&lt;meta http-equiv="content-type" content="text/html; charset=gb2312"&gt;&lt;style type="text/css"&gt;div.RoundedCorner{background: #78ACFF}b.rtop, b.rbottom{display:block;background: #FFFFFF}b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #78ACFF}b.r1{margin: 0 5px}b.r2{margin: 0 3px}b.r3{margin: 0 2px}b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;div class="RoundedCorner"&gt;&lt;!-- top --&gt;&lt;b class="rtop"&gt;&lt;b class="r1"&gt;&lt;/b&gt;&lt;b class="r2"&gt;&lt;/b&gt;&lt;b class="r3"&gt;&lt;/b&gt;&lt;b class="r4"&gt;&lt;/b&gt;&lt;/b&gt;&lt;!-- center --&gt;&lt;p&gt;&lt;center&gt;中间内容(无图片实现圆角框)&lt;/center&gt;&lt;/p&gt;&lt;!-- bottom --&gt;&lt;b class="rbottom"&gt;&lt;b class="r4"&gt;&lt;/b&gt;&lt;b class="r3"&gt;&lt;/b&gt;&lt;b class="r2"&gt;&lt;/b&gt;&lt;b class="r1"&gt;&lt;/b&gt;&lt;/b&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;
Div+Css一个简略圆角效果

热点推荐
