65.9K
CodeProject 正在变化。 阅读更多。
Home

改变 HTML 无序列表的颜色。

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2013 年 10 月 11 日

CPOL
viewsIcon

67880

在 Web 开发者中,一个热门话题是是否可以改变 HTML 项目列表的颜色? 很多人说这是不可能的,但实际上

在 Web 开发者中,一个热门话题是是否可以改变 HTML 项目列表的颜色? 很多人说这是不可能的,但实际上有一个非常简单的方法来解决这个问题。 以下是改变大小和颜色的完整代码。

<ul style="font-size:20px">
<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 浏览器进行了测试,效果非常好!

© . All rights reserved.