标签:列表
一、CSS 列表样式
列表项标志 list-style-type
- list-style-type 属性用于控制列表中列表项标志的样式
- 无序列表: 出现在各列表项旁边的圆点
- 有序列表: 可能是字母、数字或另外某种计数体系中的一个符号
- 无序列表取值
- none : 无标记
- disc : 实心圆,为默认值
- circle : 空心圆
- square : 实心方块
- 有序列表取值
- none : 无标记
- decimal : 无标记
- lower-roman: 小写罗马数字(如: i,ii,iii,iv,v)
- upper-roman: 大写罗马数字(如: I,II,III,IV,V)
- 等
列表项图像 list-style-image
- list-style-image 属性使用图像来替换列表项的标记
- 取值为: url(),指定图像作为有序或无序列表项的标志
列表项位置 list-style-position
- list-style-position 属性可以控制列表标记的位置
- 可取值
- outside: 标记位于文本的左侧,且放置在文本以外,为默认值
- inside : 标记放置在文本以内
列表属性 list-style
- list-style 属性为简写属性,用于控制项表项的样式
- 语法为
- list-style:type url(图像URL) position;
- 一般情况下,直接将list-style属性设置为none
总结:本章内容主要介绍了 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)。
本文出自 “技术交流” 博客,谢绝转载!
Css3之基础-10 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)
标签:列表
原文地址:http://jasonteach.blog.51cto.com/5192112/1754019