CSS網(wǎng)頁(yè)整體背景怎么加?
在CSS中,我們可以使用body
元素的background
屬性來(lái)設(shè)置網(wǎng)頁(yè)的整體背景,這個(gè)屬性可以接收多種類型的值,包括顏色、圖片等,下面是一些示例代碼:
1、設(shè)置背景顏色:
body { background-color: #f0f0f0; }
2、設(shè)置背景圖片:
body { background-image: url('path/to/image.jpg'); }
3、設(shè)置背景圖片和顏色:
body { background-image: url('path/to/image.jpg'); background-color: #f0f0f0; }
在上面的代碼中,#f0f0f0
是一種顏色代碼,表示一種灰色。url('path/to/image.jpg')
則表示背景圖片的路徑,你可以根據(jù)自己的需求來(lái)選擇適當(dāng)?shù)念伾蛨D片。
需要注意的是,如果背景圖片和顏色都設(shè)置了,那么圖片會(huì)覆蓋在顏色上面,如果你想要顏色穿透圖片,那么可以將顏色設(shè)置到body
元素的偽元素::before
或::after
上,這樣顏色就會(huì)顯示在圖片的下方了。
希望這篇文章能幫助你設(shè)置出漂亮的網(wǎng)頁(yè)背景!