list-style-type属性可以设置列表项标记的类型。
例如：disc、circle、square、decimal等。
-
list-style-type:disc(项目符号：实心圆形 默认)
-
list-style-type: square;(项目符号：实心正方形)
-
list-style-type: circle(项目符号：空心圆)
-
list-style-type: decimal（项目符号：阿拉伯数字）
-
list-style-type: lower-alpha（项目符号：小写英文字母）
-
list-style-type: upper-alpha（项目符号：大写英文字母）
-
list-style-type: lower-roman（项目符号：小写罗马数字）
-
list-style-type: upper-roman（项目符号：大写罗马数字）
除了上面的这些项目符号，我们还可以自定义项目符号
1、通过伪元素添加
<style>
li{
list-style: none;
}
li::before{
content: "★";
color: red;
}
</style>
<body>
<ul>
<li>苹果</li>
<li>香蕉</li>
</ul>
</body>
2、 list-style-image: url("");
<style>
ul{
list-style-image: url("sqpurple.gif");
}
</style>
<body>
<ul>
<li>苹果</li>
<li>香蕉</li>
</ul>
</body>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
