在CSS中,我們經(jīng)常會(huì)用到黑點(diǎn)來做列表或者分隔符。那么,怎么在CSS中使用黑點(diǎn)呢?
首先,我們可以用“l(fā)ist-style-type”屬性來控制列表的樣式。在這個(gè)屬性中,我們可以使用“disc”來表示一個(gè)黑點(diǎn)。例如,下面的代碼可以把一個(gè)無序列表的項(xiàng)目前面都加上黑點(diǎn)。
ul{ list-style-type: disc; }如果我們想要改變黑點(diǎn)的大小或者顏色,就需要使用“l(fā)ist-style”屬性了。這個(gè)屬性可以同時(shí)控制黑點(diǎn)的樣式、大小以及顏色。例如,下面的代碼可以讓黑點(diǎn)變成紅色,并且變成了圓形。
ul{ list-style: circle inside #ff0000; }除了在列表中使用黑點(diǎn),我們還可以在文字中使用黑點(diǎn)來做分隔符。這時(shí)候,我們可以用“::before”偽元素來生成黑點(diǎn)。例如,下面的代碼可以在一個(gè)段落前面生成一個(gè)黑點(diǎn)。
p::before{ content: "?"; color: #000000; margin-right: 5px; }通過以上的介紹,相信你已經(jīng)可以用CSS中的黑點(diǎn)來做出漂亮的列表或者分隔符了。記得要多加嘗試,才能更好地掌握CSS中的技巧。
上一篇css中怎樣做圓角
下一篇css中怎樣加入圖片