在html中为有序列表着色
可能重复:在html中为有序列表着色,html,css,Html,Css,可能重复: 我有一份按顺序排列的清单 ul{ list-style-type:circle; } <ul> <li>one</li> <li>two</li> </ul> ul{ 列表样式类型:圆形; } 一个 两个 如何用蓝色而不是字体填充圆圈?在这种情况下,您必须创建一个用作项目符号的图像,然后通过列表样式图像设置该图像。在这种情况下,您必须创建一个用作项目符号的图像,然后通过列表样式
我有一份按顺序排列的清单
ul{
list-style-type:circle;
}
<ul>
<li>one</li>
<li>two</li>
</ul>
ul{
列表样式类型:圆形;
}
- 一个
- 两个
如何用蓝色而不是字体填充圆圈?在这种情况下,您必须创建一个用作项目符号的图像,然后通过
列表样式图像设置该图像。在这种情况下,您必须创建一个用作项目符号的图像,然后通过列表样式图像设置该图像
<ul>
<li><span>one</span></li>
<li><span>two</span></li>
</ul>
一个
两个
如果您使用上述html代码,您可以将ul
的颜色设置为蓝色,将li span
的颜色设置为黑色。这应该会产生预期的效果
顺便说一句:您的列表是无序列表。
- 一个
- 两个
如果您使用上述html代码,您可以将ul
的颜色设置为蓝色,将li span
的颜色设置为黑色。这应该会产生预期的效果
顺便说一句:您的列表是无序列表。首先,它是无序列表,不是有序的,有序的是OL,元素具有特定的显式顺序。
第二,您可以设置li元素的颜色,首先触发bullet更改颜色,它是无序列表,不是有序的,有序的是OL,元素具有特定的显式顺序。
第二,你可以设置li元素的颜色什么会触发bullet改变颜色你不需要这样做,你只需要改变特定的li
元素的颜色当然可以,但这也会改变文本的颜色,OP希望避免这种情况。你不需要这样做,您只需更改特定li
元素的颜色当然可以,但这也会更改文本的颜色,OP希望避免这种情况。确实,您也可以添加冗余标记。使用图像可能是更好的解决方案,因为它不需要任何标记更改,但如果使用图像是不可能的,那么这将是唯一的选择。没错,您也可以添加冗余标记。使用图像可能是更好的解决方案,因为它不需要任何标记更改,但如果使用图像是不可能的,那么这将是唯一的选择。