CSS 圆角没有图像

Posted 2021-05-23

tags:

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

&lt;div id=&quot;container&quot;&gt;
&lt;b class=&quot;rtop&quot;&gt;
  &lt;b class=&quot;r1&quot;&gt;&lt;/b&gt; &lt;b class=&quot;r2&quot;&gt;&lt;/b&gt; &lt;b class=&quot;r3&quot;&gt;&lt;/b&gt; &lt;b class=&quot;r4&quot;&gt;&lt;/b&gt;
&lt;/b&gt;
&lt;!--content goes here --&gt;
&lt;b class=&quot;rbottom&quot;&gt;
  &lt;b class=&quot;r4&quot;&gt;&lt;/b&gt; &lt;b class=&quot;r3&quot;&gt;&lt;/b&gt; &lt;b class=&quot;r2&quot;&gt;&lt;/b&gt; &lt;b class=&quot;r1&quot;&gt;&lt;/b&gt;
&lt;/b&gt;
&lt;/div&gt;

And here's it the basic CSS:

.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 圆角没有图像

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

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

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