css li 显示不同颜色

html-css04

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

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

结论:

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

代码:

效果:

原理:

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