css li display different colors implementation method: 1. Modify the li color through the "ul li::marker {color: #3860f4;}" attribute; 2. Through "li:before {content: "" ;width: 6px;height: 6px;display: inline-block;border-radius: 50%;background: #4F8EFF..." attribute to set the color.
The operating environment of this tutorial: Windows 10 system, css3 version, DELL G3 computer
How to display different colors in css li?
css liModify the color of the small dots
ul li::marker {
color: #3860f4;
}
li:before {
content: "";
width: 6px;
height: 6px;
display: inline-block;
border-radius: 50%;
background: #4F8EFF; //这里不是color
vertical-align: middle;
margin-right: 14px;}The above is the detailed content of How to display different colors in css li. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
