网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何改变无序列表符号的颜色

时间:2024-10-12 09:32:54

1、先用html做一个原始的无序列表,代码如下:<!doctype html><html><body><ul> <li>苹果</li> <li>橘子</li> <li>香蕉</li></ul></body></html>可以看到拆分视图显示出了效果,文字和圆点都是黑色,如图所示。

如何改变无序列表符号的颜色

3、在CSS中,再设置文字颜色为原本的黑色。代码如下:<!doctype htm盟敢势袂l><html><稆糨孝汶;head> <style type="text/css"> ul{color:red} .p{color:black} </style></head><body> <ul> <li><b class="p">苹果</b></li> <li><b class="p">橘子</b></li> <li><b class="p">香蕉</b></li> </ul></body></html>大功告成,效果如图所示。

如何改变无序列表符号的颜色
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com