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

Posted 2020-06-27

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

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