📅  最后修改于: 2023-12-03 15:24:47.326000             🧑  作者: Mango
HTML5中的列表分为无序列表(Unordered List)和有序列表(Ordered List)两种,我们可以使用不同的标记类型来指定它们。
无序列表使用<ul>
标记来定义,其中每一项使用<li>
标记来表示。默认情况下,无序列表使用实心圆作为列表项的标志。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
如果要使用不同的标志样式来表示每个列表项,可以使用CSS样式来实现。例如,我们可以使用list-style-type
属性来指定标志的样式。
ul {
list-style-type: square;
}
可以将list-style-type
属性设置为以下值:
有序列表使用<ol>
标记来定义,其中每一项使用<li>
标记来表示。默认情况下,有序列表使用数字作为列表项的标志。
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
和无序列表一样,我们也可以使用CSS样式来修改有序列表的标志样式。不同的是,我们需要使用list-style-type
属性来指定数字的形式。同样地,我们也可以将list-style-type
属性设置为其他值。
ol {
list-style-type: lower-roman;
}
HTML5中的列表使用<ul>
和<ol>
标记来定义,其中每一项使用<li>
标记来表示。通过CSS样式,我们可以修改列表项的标志样式。