CSS如何设置列表项的样式(css,开发技术)

时间:2024-05-06 00:29:24 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    CSS%E5%A6%82%E4%BD%95%E8%AE%BE%E7%BD%AE%E5%88%97%E8%A1%A8%E9%A1%B9%E7%9A%84%E6%A0%B7%E5%BC%8F

CSS 列表
CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。

列表类型
要影响列表的样式,最简单(同时支持最充分)的办法就是改变其标志类型。
在一个无序列表中,列表项的标志 (marker) 是出现在各列表项旁边的圆点。
在一个有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。
要修改用于列表项的标志类型,可以使用属性 list-style-type:

注释:上面的声明把无序列表中的列表项标志设置为方块。

列表项图像
有时,你可能想对各标志使用一个图像,这可以利用 list-style-image 属性做到:


列表标志位置
CSS2.1 利用 list-style-position 属性可以确定标志出现在列表项内容之外还是内容内部:


简写列表样式
为简单起见,可以将以上 3 个列表样式属性合并为一个方便的属性:list-style,就像这样:

注释:list-style 的值可以按任何顺序列出,而且这些值都可以忽略(应用默认值)。

CSS 列表(list) 属性及描述
list-style:简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image:将图象设置为列表项标志。
list-style-position:设置列表中列表项标志的位置。
list-style-type:设置列表项标志的类型。

本文:CSS如何设置列表项的样式的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:开发地图导航小程序对开发者和使用者有哪些帮助下一篇:

21 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18