css列表项标号图像,Css3之基础-10 Css列表（列表项标志 、列表项图像、列表项位置、列表属性）...

一、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列表(列表项标志 、列表项图像、列表项位置、列表属性)。

本文出自 “技术交流” 博客，谢绝转载！

原文：http://jasonteach.blog.51cto.com/5192112/1754019