首先,li(列表項(xiàng))標(biāo)簽是 HTML 中一個(gè)非常重要的標(biāo)簽,用于創(chuàng)建各種類型的列表。在 CSS 中,我們可以通過對(duì) li 標(biāo)簽應(yīng)用樣式來(lái)修改列表的樣式,包括添加圓點(diǎn)、數(shù)字、圖片等。
常見的列表樣式是帶點(diǎn)的列表。在 CSS 中,我們可以通過以下代碼給 li 元素添加圓點(diǎn)效果:
pre{
font-size: 16px;
font-family: Arial, sans-serif;
color: #333;
}
p{
font-size: 18px;
font-family: Arial, sans-serif;
color: #444;
}
ul li {
list-style-type: disc;
margin-bottom: 10px;
}
其中,list-style-type 屬性用于設(shè)置列表項(xiàng)符號(hào)的類型,disc 表示圓點(diǎn)樣式。margin-bottom 屬性可以為每個(gè)列表項(xiàng)添加底部邊距,以便更好地區(qū)分列表項(xiàng)。
如果想修改圓點(diǎn)的顏色、大小等屬性,我們可以使用 list-style-color 和 list-style-image 屬性,如下所示:
ul li {
list-style-image: url('dot.png'); // 使用圖片作為圓點(diǎn)
list-style-color: red; // 設(shè)置圓點(diǎn)顏色
list-style-size: 20px; // 設(shè)置圓點(diǎn)大小
}
總之,通過對(duì) li 元素應(yīng)用不同的樣式,我們可以創(chuàng)建出各種樣式和形態(tài)的列表,并且可以根據(jù)需求對(duì)其進(jìn)行自定義。
上一篇css li 并排
下一篇css less 加減