第四課:顏色與背景
第四課:顏色與背景
本課,你將學習如何在網(wǎng)站上應(yīng)用顏色與背景。我們還會介紹用于定位和控制背景圖像的高級方法。本課將對下列CSS屬性進行講解:
- color
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background
前景色:‘color’屬性
CSS屬性color用于指定元素的前景色。
例如,假設(shè)你要讓頁面中的所有標題(headline)都顯示為深紅色,而這些標題采用的都是h1元素,那么可以用下面的代碼來實現(xiàn)把h1元素的前景色設(shè)為紅色。
h1 {
color: #ff0000;
}
顏色值可以用十六進制表示(比如上例中的#ff0000),也可以用顏色名稱(比如“red”)或RGB值(比如rgb(255,0,0))表示。
‘background-color’屬性
CSS屬性background-color用于指定元素的背景色。
因為body元素包含了HTML文檔的所有內(nèi)容,所以,如果要改變整個頁面的'背景色的話,那么為body元素應(yīng)用background-color屬性就行了。
你也可以為其他包含標題或文本的元素單獨應(yīng)用背景色。在下例中,我們?yōu)?span lang="EN-US">body和h1元素分別應(yīng)用了不同的背景色。
body {
愛情背景散文
2.顏色污染
5.青春勵志圖片背景
6.勵志背景音樂
7.手機背景個性簽名
8.愛情的顏色