免费教程
您除了可以使用 HTML 中的一些属性来对列表进行简单的设置外,在 CSS 中也提供了几种专门用来设置和格式化列表的属性……
Web前端教程
Web前端入门教程:CSS列表样式
来源:易牛云朗沃
  |  
发布时间:2021-10-18 23:49
  |  
关键词:Web前端入门教程
  |  
阅读量:

在网页中很多地方都会用到列表,例如导航菜单、新闻列表、商品分类等等。您除了可以使用 HTML 中的一些属性来对列表进行简单的设置外,在 CSS 中也提供了几种专门用来设置和格式化列表的属性,如下所示:

list-style-type:设置列表项前面标记的形状(外观);

list-style-position:设置标记和列表中文本之间的距离;

list-style-image:使用图像代替默认的标记;

list-style:统一设置上面的三个属性。

1. list-style-type

使用 list-style-type 属性可以设置列表中每个列表项前标记的样式,属性的可选值如下:

Web前端入门教程

【示例】使用 list-style-type 属性改变无序列表、有序列表中列表项前标记的样式:

Web前端入门教程

运行结果如下图所示:

Web前端入门教程

点击知道更多编程知识

文章来源于网络