如何在 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.