2023/09/08

li 與 ul 不顯示預設符號

 在 HTML 中,`<ul>` 和 `<li>` 標籤用於創建無序列表,預設會在每個列表項目前面加上一個符號,例如圓點、方塊等,這些符號是由瀏覽器預設樣式提供的。


如果希望不顯示這些預設符號,可以使用 CSS 中的 `list-style` 屬性來控制。`list-style` 屬性用於定義列表的符號類型、位置和圖像等屬性。


以下是兩種方式可以不顯示 `<ul>` 的預設符號:


1. 使用 `list-style: none;` 屬性:這個屬性可以刪除列表項目前面的符號,例如:


<ul style="list-style: none;">

  <li>列表項目 1</li>

  <li>列表項目 2</li>

  <li>列表項目 3</li>

</ul>


2. 使用 `list-unstyled` class:Bootstrap 也提供了一個 `.list-unstyled` class,可以實現相同的效果。例如:


<ul class="list-unstyled">

  <li>列表項目 1</li>

  <li>列表項目 2</li>

  <li>列表項目 3</li>

</ul>


以上兩種方式都可以刪除 `<ul>` 的預設符號,具體使用哪種方式可以根據個人喜好和實際需求進行選擇。

沒有留言:

張貼留言