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