改变 HTML 无序列表的颜色。





0/5 (0投票)
在 Web 开发者中,一个热门话题是是否可以改变 HTML 项目列表的颜色? 很多人说这是不可能的,但实际上
在 Web 开发者中,一个热门话题是是否可以改变 HTML 项目列表的颜色? 很多人说这是不可能的,但实际上有一个非常简单的方法来解决这个问题。 以下是改变大小和颜色的完整代码。
<ul style="font-size:20px">
<li style="color:Red" ><span style="color:Black; font-size:12px">1</span></li>
</ul>
<li style="color:Red" ><span style="color:Black; font-size:12px">1</span></li>
</ul>
让我们逐一看看这段代码的作用。
<ul style="font-size:20px">
通过为整个列表设置字体大小,可以改变项目符号的大小。 这适用于文本和项目符号。 因此,稍后我们需要将文本包含在 span 标签内,并为文本本身定义样式。
<li style="color:Red" >
通过设置颜色,可以指定项目符号的颜色。
<span style="color:Black; font-size:12px">
由于颜色和字体大小也适用于文本,因此需要将文本包含在 span 标签内,将其与项目符号分隔开,以便可以为文本指定单独的样式。
我使用最新的 Firefox、IE 和 Chrome 浏览器进行了测试,效果非常好!