文
章
目
录
章
目
录
HTML无序列表或带项目符号的列表以项目符号的格式显示元素。我们可以在不需要按任何特定顺序显示项目的地方使用无序列表。HTML ul标签用于无序列表。可以有4种类型的带项目符号的列表:
- disc(圆点)
- circle(圆圈)
- square(方块)
- none(无项目符号)
为了表示不同的有序列表,<ul>标签中有4种类型的属性。
类型 | 描述 |
---|---|
类型 “disc” | 这是默认样式。在此样式中,列表项使用圆点标记。 |
类型 “circle” | 在此样式中,列表项使用圆圈标记。 |
类型 “square” | 在此样式中,列表项使用方块标记。 |
类型 “none” | 在此样式中,列表项不被标记。 |
HTML无序列表示例:
<ul>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
ul type=”circle”
<ul type="circle">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
ul type=”square”
<ul type="square">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
ul type=”none”
<ul type="none">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
注意:type属性在HTML5中不受支持,而您可以使用list-style-type的CSS属性代替type。以下是用于ul标签的CSS属性的示例代码:
<ul style="list-style-type: square;">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<ul> | Yes | Yes | Yes | Yes | Yes |