一、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-p_w_picpath

  - list-style-p_w_picpath 属性使用图像来替换列表项的标记

      - 取值为: url(),指定图像作为有序或无序列表项的标志

wKioL1bxGuzRtjtnAAFGjdxatPw722.png

wKiom1bxGobAR_dZAADEjUBvgZc819.png


列表项位置 list-style-position

  - list-style-position 属性可以控制列表标记的位置

  - 可取值

      - outside: 标记位于文本的左侧,且放置在文本以外,为默认值

      - inside : 标记放置在文本以内

wKiom1bxGwzCbK-EAADtyG-uRj8955.png


列表属性 list-style

  - list-style 属性为简写属性,用于控制项表项的样式

  - 语法为

      - list-style:type url(图像URL) position;

  - 一般情况下,直接将list-style属性设置为none



总结:本章内容主要介绍了 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)。