首頁 > 文章 > web前端 > 如何在HTML中建立一個沒有項目符號的無序列表？

如何在HTML中建立一個沒有項目符號的無序列表？

WBOY轉載: 2023-09-06 19:41:051428瀏覽

無序列表是一組以圓點、圓圈、實心圓和方塊標記的項目的無序列表。它使您能夠在上下文中控制清單。允許我們將一組相關的項目分組在清單中。

HTML支援有序列表、無序列表，我們必須使用

標籤來建立無序列表。
標籤定義了無序列表。我們使用

標籤來開始專案清單。項目清單可以標記為圓點、方塊、實心圓和空心圓。

預設情況下，上下文中的清單項目以項目符號標記。

在
標籤內放置
標籤，以建立項目清單。
我們使用
標籤的type屬性，用於建立帶有數字的無序列表。
我們使用 CSS list-style-type 屬性來定義無序列表項的樣式。

文法

以下是在HTML中建立無項目符號的無序列表的語法。

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

Example 1

的翻譯為：

範例 1

下面給出了一個在 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: none">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
   </ul>
</body>
</html>

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

範例 2

在HTML中建立一個無序列表而沒有任何項目符號的另一個範例−

<!DOCTYPE html>
<html>
<head>
   <title>HTML Unordered List</title>
</head>
<body>
   <h1>Developed Countries</h1>
   <p>The list of developed countries :</p>
   <ul style="list-style-type:none">
      <li>US</li>
      <li>Australia</li>
      <li>New Zealand</li>
   </ul>
</body>
</html>

上述程式碼的輸出為 -

以上是如何在HTML中建立一個沒有項目符號的無序列表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

css html ul li

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：匹配包含至少兩個p的字串下一篇：匹配包含至少兩個p的字串

看更多