css圓角box備忘

<style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r?? {display:block;background: #fff}
b.r b {display:block;height: 1px;overflow: hidden; background: #888;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r b.r4{margin: 0 1px;height: 2px}
</style>

<div class="box">
? <b class="r"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
? <div class="boxtitle">標題Hello</div>
? <div class="boxcontent">
??? <ul>
????? <li>aaa</li>
????? <li>bbb</li>
????? <li>ccc</li>
????? <li>ddd</li>
????? <li>eee</li>
????? <li>fff</li>
????? <li>ggg</li>
??? </ul>
? </div>
</div>

轉載于:https://www.cnblogs.com/TangZhongxin/archive/2009/12/25/3942476.html

總結

以上是生活随笔為你收集整理的css圆角box(网上流行用b标签)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。