CSS是一種層疊樣式表,可以幫助我們設置多個div的樣式。下面是一個例子,展示了如何使用CSS設置多個div的樣式。
/*設置div的樣式*/
div {
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
display: inline-block;
width: 200px;
height: 200px;
}
/*設置第一個div的樣式*/
#first {
background-color: #ff0000;
color: #fff;
}
/*設置第二個div的樣式*/
#second {
background-color: #00ff00;
color: #fff;
}
/*設置第三個div的樣式*/
#third {
background-color: #0000ff;
color: #fff;
}
在上面的代碼中,我們首先設置了所有div的樣式,包括背景顏色、邊框、內邊距、外邊距、展示方式、寬度和高度。
接著,我們為每個div單獨設置了樣式。例如,我們為ID為“first”的div設置了背景顏色為紅色,顏色為白色。
同樣的,我們為ID為“second”的div設置了背景顏色為綠色,顏色為白色;為ID為“third”的div設置了背景顏色為藍色,顏色為白色。
通過這些設置,我們可以為不同的div設置不同的樣式,達到更好的視覺效果。