CSS是一種用來控制網頁樣式的語言,它可以讓網頁呈現出多種多樣的樣式,其中最常用的就是為一系列元素添加樣式。
在CSS中,多個div可以通過添加class或id來進行樣式的設置。
.box { width: 200px; height: 200px; background-color: #ccc; margin: 10px; float: left; } #box1 { background-color: red; } #box2 { background-color: green; } #box3 { background-color: blue; }
上述代碼中,我們先創建一個類名為box的樣式,用來控制每個div的共同樣式,包括寬、高、背景顏色、外邊距和浮動方式。
接著分別給三個div分別添加了id為box1、box2、box3,并通過在CSS中設置相應的樣式,使其分別呈現出紅色、綠色、藍色的背景色。
這樣,我們便可以方便地對多個div進行樣式的設置,實現更加精美的頁面效果。