📜  HTML无序列表| HTML项目符号列表

📅  最后修改于: 2020-11-01 07:57:48             🧑  作者: Mango

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

HTML无序列表或项目符号列表以项目符号格式显示元素。我们可以使用无序列表,而无需按任何特定顺序显示项目。 HTML ul标签用于无序列表。项目符号列表可以有4种:

  • disc
  • circle
  • square
  • none

为了表示不同的有序列表,有四种类型的属性

    标签。

    Type Description
    Type “disc” This is the default style. In this style, the list items are marked with bullets.
    Type “circle” In this style, the list items are marked with circles.
    Type “square” In this style, the list items are marked with squares.
    Type “none” In this style, the list items are not marked .

    HTML无序列表示例

    • HTML
    • Java
    • JavaScript
    • SQL

    输出:

    • HTML
    • Java
    • JavaScript
    • SQL

    ul type =“ circle”

    • HTML
    • Java
    • JavaScript
    • SQL

    输出:

    • HTML
    • Java
    • JavaScript
    • SQL

    ul type =“ square”

    • HTML
    • Java
    • JavaScript
    • SQL

    输出:

    • HTML
    • Java
    • JavaScript
    • SQL

    ul type =“ none”

    • HTML
    • Java
    • JavaScript
    • SQL

    输出:

    • HTML
    • Java
    • JavaScript
    • SQL

    注意:HTML5不支持type属性,可以使用list-style-type的CSS属性代替type。以下是显示ul标签的CSS属性的示例。

    • HTML
    • Java
    • JavaScript
    • SQL

    代码:

    
    
     
      
     
     

    The type attribute with CSS property

    • HTML
    • Java
    • JavaScript
    • SQL

    输出:

    支持的浏览器

    Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
      Yes Yes Yes Yes Yes