CSS 列表

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

列表类型

在HTML中,有两种类型的列表:

  • 无序列表 ul - 列表项标记用特殊图形(如小黑点、小方框等)
  • 有序列表 ol - 列表项的标记有数字或字母

无序列表如下所示:

  • Coffee
  • Tea
  • Coca Cola
  • Coffee
  • Tea
  • Coca Cola

有序列表如下所示:

  1. Coffee
  2. Tea
  3. Coca Cola
  1. Coffee
  2. Tea
  3. Coca Cola
  4. 列表(List) 属性

    属性描述CSS
    list-style 在一个声明中设置所有的列表属性 1
    list-style-image 将图象设置为列表项标记 1
    list-style-position 设置列表项标记的放置位置 1
    list-style-type 设置列表项标记的类型 1

    外边距(Margin) 属性

    属性描述CSS
    margin 在一个声明中设置所有外边距属性 1
    margin-bottom 设置元素的下外边距 1
    margin-left 设置元素的左外边距 1
    margin-right 设置元素的右外边距 1
    margin-top 设置元素的上外边距 1

    字幕(Marquee) 属性

    属性描述CSS
    marquee-direction 设置内容移动的方向 3
    marquee-play-count 设置内容移动多少次 3
    marquee-speed 设置内容滚动的速度有多快 3
    marquee-style 设置内容移动的样式 3

    多列(Multi-column) 属性

    属性描述CSS
    column-count 指定元素应该分为的列数 3
    column-fill 指定如何填充列 3
    column-gap 指定列之间的差距 3
    column-rule 对于设置所有column-rule-*属性的简写属性 3
    column-rule-color 指定列之间的颜色规则 3
    column-rule-style 指定列之间的样式规则 3
    column-rule-width 指定列之间的宽度规则 3
    column-span 指定元素应该跨越多少列 3
    column-width 指定列的宽度 3
    columns 缩写属性设置列宽和列数 3
posted @ 2020-12-08 19:53  Millychen  阅读(111)  评论(0)    收藏  举报