CSS 没有图像的圆角

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 没有图像的圆角相关的知识，希望对你有一定的参考价值。

<div id=”container”>
<b class=”rtop”>
<b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
</b>
<!–content goes here –>
<b class=”rbottom”>
<b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
</b>
</div>

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

以上是关于CSS 没有图像的圆角的主要内容，如果未能解决你的问题，请参考以下文章

CSS 没有图像的圆角

CSS 没有图像和数量JS的圆角。 CSS解决方案

CSS 圆角没有图像

HTML 圆角没有图像，只是css，这工作

CSS圆角适用于所有没有图像和javascript的浏览器

CSS圆角适用于所有没有图像和javascript的浏览器