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

IT 文章7天前更新 小编
0 0 0

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

  1. disc(圆点)
  2. circle(圆圈)
  3. square(方块)
  4. none(无项目符号)

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

类型 描述
类型 “disc” 这是默认样式。在此样式中,列表项使用圆点标记。
类型 “circle” 在此样式中,列表项使用圆圈标记。
类型 “square” 在此样式中,列表项使用方块标记。
类型 “none” 在此样式中,列表项不被标记。

HTML无序列表示例:

<ul>  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  
HTML无序列表 | HTML带项目符号的列表

 

ad

程序员导航

优网导航旗下整合全网优质开发资源,一站式IT编程学习与工具大全网站

ul type=”circle”

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

 

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

ul type=”square”

<ul type="square">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  
HTML无序列表 | HTML带项目符号的列表

ul type=”none”

<ul type="none">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  
HTML无序列表 | HTML带项目符号的列表

注意: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
© 版权声明

相关文章

暂无评论

暂无评论...