咱们晓得在 HTML 中列表能够分为无序列表、有序列表、定义列表。在网页中常常能够看到无序列表的应用，例如像导航栏菜单、新闻列表、商品分类、图片展现等，根本都是通过无序列表来实现的。

　　无序列表中每个列表项后面都会默认带一个圆点符号，然而个别咱们平时在网站上看到的列表款式，通常后面是没有圆点符号的，所以咱们要如何去掉这个默认的圆点符号呢？这些都能够通过 CSS 中的列表属性来实现。

　　list-sytle-type属性用于设置列表项的标记的类型，和 HTML 中列表标签中的type属性相似。

　　在理论利用中，上述几种属性值用的最多的还是none，也就是用于去掉列表项的标记。

　　如果咱们心愿去掉列表后面默认的圆点，能够通过将list-style-type属性设置为none来实现：

　　list-style-image属性用于应用图像来替换列表项的标记。但有一点须要留神，如果咱们设置了list-style-image属性，这个时候设置的list-sytle-type属性将不起作用。个别为了避免某些浏览器不反对list-style-image属性，咱们会设置一个list-style-type属性来代替。

　　例如咱们将下面列表项的标记设置为一个图像（图片大小为 5050），属性值为图像门路：

　　能够显著的看到，第一组列表的标记搁置在文本内，第二组列表的标记位于文本的左侧。

　　list-style属性是一个简写属性，是上述几个列表属性的简写模式，用于把所有列表的属性设置在一个申明中。

　　本节咱们讲了 CSS 中的几个列表款式，个别咱们用的最多的就是如何去掉列表项的默认标记，即list-style-type:none。

　　本站部分资源来自于网络收集，若侵犯了你的隐私或版权，请及时联系我们删除有关信息。联系邮箱:[emailprotected]