CSS定義頁面背景顏色可以通過background-color屬性實現。該屬性用于設置文檔背景的顏色。
body{ background-color: #f2f2f2; }
在上例中,我們為body元素設置了背景顏色為#f2f2f2,即淺灰色。可以通過修改該屬性值更改頁面背景顏色。
需要注意的是,如果要為元素設置背景顏色,該元素應該是一個塊級元素。
<div style="background-color: #FFFFFF;">我是一個塊級元素</div>
上例中,我們為一個div元素設置了背景顏色為白色。由于div是一個塊級元素,所以可以正常設置背景色。而對于行內元素,設置背景色會覆蓋其內容,因此應該避免在行內元素上使用背景色。
需要注意的一點是,設置了背景顏色后,文本可能會變得難以閱讀。在選擇背景顏色時,需要注意與前景色(即文本顏色)的對比度。
body{ background-color: #333333; color: #FFFFFF; }
在上例中,我們為body元素設置了背景顏色為#333333,即深灰色,并將文本顏色設置為白色。這樣做可以提高文本的可讀性。
上一篇css定義復選框
下一篇css定義文字顯示字數