CSS向來是前端開發者最重要的技能之一,對于現今的HTML開發者來說,熟悉常用的CSS樣式代碼可以讓你的網頁看起來更美觀,布局更合理,頁面呈現效果也更加出色。
在CSS中,有很多樣式可以幫助我們控制HTML元素的特征。而對于列表來說,li
元素是其中的一種。我們通常會在導航欄、菜單欄、文章目錄中看到li
元素。
給li
元素添加樣式時,有時候現有的默認樣式并不需要,我們可以通過設置list-style:none;
來取消它的默認樣式。此時,<li>
元素的標記點就不會顯示了。
li {
list-style: none;
}
還有一種情況,就是我們需要自定義<li>
元素的標記點,比如換成圖標或其他特殊符號,這時候我們可以使用list-style-type
屬性。該屬性可以指定<li>
元素的標記點所使用的特殊符號或字母。
比如以下代碼可以將列表的<li>
元素的無序標記點更改為黑色實心三角形:
li {
list-style-type: none;
}
li:before {
content: "▲ ";
color: black;
}
通過以上方法,我們可以控制列表的外觀,使其更加符合我們的頁面設計。
上一篇css 取消div換行
下一篇css 取消之前的樣式