CSS 没有图像的圆角 - 有效的xhtml / css

Posted 2021-05-23

tags:

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

css:
ul.qcorners {
	list-style-position: outside;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	width:33%;
}
ul *{zoom:1;position:relative;}/*ie fix*/

.qcorners li{border:solid 1px #666;border-top:1px solid #666;margin-bottom:6px;}
.qcorners a{background:#ccc;display:block;margin:-2px 0;border-top:1px solid #666;border-bottom:1px solid #666;text-decoration:none;color:#CC0000;}
.qcorners strong{background:#ccc;display:block;margin:-2px 1px;border-top:1px solid #666;border-bottom:1px solid #666;padding:5px;}
.qcorners a:hover,.qcorners a:hover strong{background:#fff;}
--&gt;

html:

&lt;ul class=&quot;qcorners&quot; &gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;strong&gt; some text &lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;strong&gt; another item&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;strong&gt; all lists and link tags... &lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;strong&gt; with a little strong &lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;strong&gt; stretches in 2 directions &lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;

&lt;/ul&gt;

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

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

css高手请进！用div+css制作圆角矩形的原理

CSS 纯css圆角没有图像

CSS 没有图像的圆角

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

CSS 圆角没有图像