如何在 HTML 中使用圓點專案符號建立無序列表?


有序列表帶編號,無序列表不帶編號,可以透過標籤 <ul></ul> 建立,並使用標籤 <li></li> 定義列表的項。我們可以在 HTML 中建立 4 種類型的無序列表:−

  • disc − 建立一個標記為圓點的無序列表(預設)。

  • circle − 建立一個標記為圓圈的無序列表。

  • square − 建立一個標記為正方形的無序列表。

  • none − 建立一個沒有標記的無序列表。

語法

以下是 HTML 中使用圓點專案符號建立無序列表的語法。

<ul style="list-style-type: disc">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ul>

示例

下面是一個在 HTML 中使用圓點標記建立無序列表的示例。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <ul style="list-style-type: disc"> <li>Abdul</li> <li>Jason</li> <li>Yadav</li> <li>Saiteja</li> <li>Akshaj</li> <li>Tharun</li> </ul> </body> </html>

以下是上述示例程式的輸出。

更新於: 已更新: 18-Oct-2022

4K+ 瀏覽

啟動你的 職業

完整課程並獲得認證

開始
廣告
© . All rights reserved.