网上很多css布局中会看到这样的一句:list-style：none；那么list-style到底什么意思？中文即：列表样式：无；
/*去掉默认加上去的小圆点*/
li{
list-style: none;
}
其实它是一个简写属性，包含了所有列表属性，具体包含list-style-type、list-style-position、list-style-image
1、list-style-type：设置列表项标记的类型。我们使用ul->li或是ol->li(有序无序)结构时，有小圆点就是这一属性控制。值有【none,disc(默认标记实心圆)，square，decimal...】
2、list-style-position:设置在何处放置列表项标记.即标记相对于列表项内容的位置。值有【inside、outside（默认，文本左侧）、inherit（从父元素继承list-style-position的值）】
3、list-style-image ：设置使用自定义图像来替换列表项的标记。值有【URL，none（默认），inherit】
综观：list-style：none；
可以按顺序设置如下属性：{
list-style-type：none；
list-style-position:：none；
list-style-image ：none；
}
所以：{ list-style:目录样式类型|目录样式位置|url }
可以不设置其中的某个值，比如 "list-style:circle inside;" 也是允许的。未设置的属性会使用其默认值。
原文链接：https://www.qiquanji.com/post/6969.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知