CSS是一種通過選擇器來為HTML文檔添加樣式的語言。其中最常用的選擇器之一就是
- 標簽。UL標簽用于創(chuàng)建無序列表,其中的每一個列表項使用
- 標簽來表示。通過CSS,我們可以為這些列表項添加樣式。
ul { list-style-type: none; /*去掉默認的點*/ padding: 0; margin: 0; } li { padding: 12px 0; }
上面的代碼展示了如何為UL和LI標簽添加樣式。其中,我們使用了
list-style-type: none;
來去掉默認的點樣式。需要注意的是,在去掉點樣式后,如果需要給列表項添加自定義的標識符,可以通過:before偽元素來實現(xiàn):
li:before { content: "\2022"; /*使用Unicode編碼表示圓點*/ color: #F44336; margin-right: 8px; }
上面的代碼展示了如何使用:before偽元素來添加自定義的圓點樣式。其中,我們使用了
content
屬性來指定偽元素的內(nèi)容,同時設(shè)置了其顏色和右側(cè)間距。
上一篇css+凹陷的效果