可以作用在ul、ol、li元素上。
- 属性名:list-style-type
作用:设置列表符号
属性值:
none:不显示前面的标识(很常用!)
square:实心方块
disc:圆形
decimal:数字
lower - roman:小写罗马字
upper - roman :大写罗马字
lower - alpha :小写字母
upper - alpha:大写字母
- 属性名:list-style-position
作用:设置列表符号的位置
属性值:
inside :在 li 的里面
outside :在 li 的外边
- 属性名:list-style-image
作用:自定义列表符号
属性值:
url (图片地址)
- 属性名: list-style
复合属性
没有数量、顺序的要求
举例:
<style>
ul {
/* 列表符号 */
list-style-type: decimal;
/* 列表符号的位置 */
list-style-position: inside;
/* 自定义列表符号 */
list-style-image: url("../images/video.gif");
/* 复合属性 */
list-style: decimal url("../images/video.gif") inside;
}
li {
background-color: skyblue;
}
</style>
<ul>
<li>《列表相关属性》</li>
</ul>