首页 >

css中ol属性大全 |css设计漂亮的表格

css wrap content,css实践教学视频,css 设置宽度等于长度,css文字圆角边框颜色,css3动画大全网,css如何将格子并列,css设计漂亮的表格css中ol属性大全 |css设计漂亮的表格
ol {
list-style-type: upper-roman;
}

用于设置列表项前面的标记的类型,它的值可以为以下:

  • disc:默认值,用实心圆作为标记。
  • circle:用空心圆作为标记。
  • square:用空心正方形作为标记。
  • decimal:用数字作为标记。
  • lower-roman:小写罗马数字作为标记。
  • upper-roman:大写罗马数字作为标记。
  • lower-alpha:小写字母作为标记。
  • upper-alpha:大写字母作为标记。

list-style-position

ol {
list-style-position: outside;
}

用于设置标记是否位于列表项内或列表项外,它的值可以为以下:

  • outside:默认值,标记位于列表项外。
  • inside:标记位于列表项内。

list-style-image

ol {
list-style-image: url('marker.png');
}

用于设置列表项前面的标记为图片,它的值为图片的 URL 地址。

list-style

ol {
list-style: square inside url('marker.png');
}

用于同时设置上述三个属性。

counter-reset

ol {
counter-reset: my-counter 5;
}
ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
}

用于为有序列表生成一个名为“my-counter”的计数器,从“5”开始计数。使用 :before 伪类和 counter() 函数生成自定义标记。

最后,当然也要提下
    的其他属性:

    display

    指定元素应该生成的框的类型,默认值是 list-item。

    mso-list:lfo-level#

    针对 Outlook 专用格式的属性用于控制标题格式。

    mso-list:lfo-pattern-name

    指定标题样式名称。

    mso-list:lfo-type

    指定标题样式的种类。

      属性中 CSS 属性是非常丰富的,开发者可以根据实际情况进行选择和使用。它可以在列表中创造出令人难以置信的美观效果,这样可以让网站更加专业、清晰。

css中ol属性大全 |css设计漂亮的表格
  • css3新增特性有答案 |css的调用
  • css3新增特性有答案 |css的调用 | css3新增特性有答案 |css的调用 ...

    css中ol属性大全 |css设计漂亮的表格
  • css代码图片轮播 |css inpue文本框大小
  • css代码图片轮播 |css inpue文本框大小 | css代码图片轮播 |css inpue文本框大小 ...

    css中ol属性大全 |css设计漂亮的表格
  • css伪元素link |div css树
  • css伪元素link |div css树 | css伪元素link |div css树 ...