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