css li 显示不同颜色

html-css024

css li 显示不同颜色,第1张

这个问题可以给每个li增加一个class属性,这样就可以统一管理每个li的背景色了。在style里面设置class对应的background-color。你想要的相同颜色的li的class属性值相同就可以了

结论:

不能直接修改CSS样式改变颜色,但可以通过<span></span>的背景图像来实现

代码:

效果:

原理:

通过设置<li>下<span>的背景图像来实现小红圆点的效果。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<a>标签中,输入样式代码:style="color: greenyellow"。

3、浏览器运行index.html页面,此时li里面超链接的字体颜色被成功修改。