在 CSS 中,取消 li 標簽的點是一項非常重要的工作。通常在網頁設計過程中,我們經常使用無序列表(<ul>
)來表示一些列表信息,而列表項則是使用 li 標簽(<li>
)來表示。然而,有時候我們并不需要顯示 li 標簽默認的圓點,這時就需要取消這個點。
li { list-style: none; }
使用 CSS 的list-style
屬性來取消 li 標簽的點。這個屬性有三個值:
list-style-type
: 用來設置列表項標記的類型。list-style-position
: 用來設置列表項標記的位置。list-style-image
: 用來設置自定義列表項標記的圖片。
在取消 li 標簽的點時,我們只需將list-style-type
的值設為none
,即可取消默認的點。如果你想自定義列表項標記的樣式,可以使用list-style-image
屬性,將值設為圖片的 URL 地址即可。
以取消 li 標簽默認點為例,代碼如下:
li { list-style: none; }
使用list-style
屬性可以同時改變三個值,相當于同時設置了下面三個值:
li { list-style-type: none; list-style-position: outside; list-style-image: none; }
使用list-style
屬性可以讓代碼更簡潔,而且更容易閱讀。