CSS設(shè)置列表在網(wǎng)頁設(shè)計(jì)中非常常見,它可以讓列表項(xiàng)更加美觀、有序,在Dreamweaver中,我們可以使用CSS來設(shè)置列表的樣式,下面是一些常見的CSS設(shè)置列表的方法:
1、設(shè)置列表項(xiàng)的背景顏色:
li { background-color: #f2f2f2; }
2、設(shè)置列表項(xiàng)的字體樣式:
li { font-family: Arial, sans-serif; font-size: 14px; color: #333; }
3、設(shè)置列表項(xiàng)的行高和縮進(jìn):
li { line-height: 30px; margin-left: 20px; }
4、設(shè)置列表項(xiàng)的有序編號(hào)樣式:
ol { list-style-type: decimal; /* 使用阿拉伯?dāng)?shù)字編號(hào) */ }
或者:
ol { list-style-type: upper-roman; /* 使用羅馬數(shù)字編號(hào) */ }
5、設(shè)置列表項(xiàng)的鼠標(biāo)懸停效果:
li:hover { background-color: #e0e0e0; /* 鼠標(biāo)懸停時(shí)背景顏色變化 */ }
是一些常見的CSS設(shè)置列表的方法,當(dāng)然還有很多其他樣式可以設(shè)置,具體可以根據(jù)實(shí)際需求來選擇,在Dreamweaver中,我們可以直接在CSS樣式面板中添加這些樣式規(guī)則,并應(yīng)用到相應(yīng)的列表元素上。