HTML无序列表 | HTML带项目符号的列表

文
章
目
录

HTML无序列表或带项目符号的列表以项目符号的格式显示元素。我们可以在不需要按任何特定顺序显示项目的地方使用无序列表。HTML ul标签用于无序列表。可以有4种类型的带项目符号的列表：

为了表示不同的有序列表，<ul>标签中有4种类型的属性。

HTML无序列表示例：

<ul>  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>

<ul type="circle">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>

<ul type="square">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>

<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

版权声明：本站文章，如无说明，均为本站原创，转载请注明文章来源。如有侵权，请联系博主删除。
本文链接：https://www.panziye.com/front/9639.html