我们知道在 HTML 中列表可以分为无序列表、有序列表、定义列表。在网页中经常可以看到无序列表的使用,例如像导航栏菜单、新闻列表、商品分类、图片展示等,基本都是通过无序列表来实现的。
无序列表中每个列表项前面都会默认带一个圆点符号,然而一般我们平时在网站上看到的列表样式,通常前面是没有圆点符号的,所以我们要如何去掉这个默认的圆点符号呢?这些都可以通过 CSS 中的列表属性来实现。
本节要讲的 CSS 中的列表属性有下面四个:
属性 | 描述 |
---|---|
list-sytle-type | 设置列表项的标记的类型 |
list-style-position | 设置列表项标记相对于列表项内容的位置 |
list-style-image | 将图片设置为列表项的标记,属性值为 url(‘图片路径’) |
list-style | 简写列表属性 |
list-sytle-type
list-sytle-type
属性用于设置列表项的标记的类型,和 HTML 中列表标签中的 type
属性类似。
常用值属性值如下所示:
属性 | 描述 |
---|---|
none | 无标记符号 |
disc | 默认值,实心圆 |
circle | 空心圆 |
square | 实心正方形 |