CSS能夠通過background-color屬性來設置頁面背景色。而如果想要讓背景色全屏顯示,也就是使它占滿整個屏幕,就需要定義html和body元素的高度和寬度都為100%。
首先,我們需要在CSS文件中添加以下代碼:
html, body { height: 100%; width: 100%; } body { background-color: #f2f2f2; /*這里的#f2f2f2是一種灰色*/ }
上述代碼中,我們讓html和body元素的高度和寬度都為100%,這樣就可以覆蓋整個頁面。同時,將body元素的背景色設置為#f2f2f2。
如果希望設置其他背景顏色,只需要將#f2f2f2替換成想要顯示的顏色即可。同時,也可以將背景色設置為一個圖片,只需要將background-color改為background-image就行了。
總之,CSS能夠為頁面背景設置各種顏色、圖片甚至動畫效果,讓頁面更加美觀、生動。