1.設(shè)置背景顏色
-color是CSS中的背景顏色屬性,這個屬性用于為HTML元素設(shè)定背景顏色,可以設(shè)置整個網(wǎng)頁的背景顏色,也可以設(shè)置網(wǎng)頁中某部分元素的背景顏色,比如表格背景顏色、層背景顏色等等。
示例1:
這段代碼設(shè)置整個網(wǎng)頁的背景顏色為藍(lán)色#
2.設(shè)置背景圖片
(1)-image是CSS中的背景圖片屬性,這個屬性用于為HTML元素設(shè)定背景圖片,可以設(shè)置整個網(wǎng)頁的背景圖片,也可以設(shè)置網(wǎng)頁中某部分元素的背景圖片,比如表格背景圖片、層背景圖片等等。
示例2:
這段代碼設(shè)置整個網(wǎng)頁的背景圖片,網(wǎng)頁和圖片可以存放在不同的網(wǎng)站空間內(nèi),背景圖片既橫向重復(fù)又豎向重復(fù)。
示例3:
如果網(wǎng)頁和圖片存放在同一個網(wǎng)站空間內(nèi),圖片位于目錄下,示例1的代碼也可以用圖片的相對路徑寫法:
(2)-是CSS中的背景重復(fù)屬性,這個屬性通常與-image一起使用,控制背景圖片的重復(fù)顯示方式,屬性值包括:
·
-x 背景圖片橫向重復(fù)
· -y 背景圖片豎向重復(fù)
· no- 背景圖片不重復(fù)
示例4:
這段代碼設(shè)置網(wǎng)頁的背景圖片,背景圖片僅豎向重復(fù)。
示例5:
這段代碼設(shè)置網(wǎng)頁的背景圖片,背景圖片僅橫向重復(fù)。
示例6:
這段代碼設(shè)置網(wǎng)頁的背景圖片,背景圖片不重復(fù)。
(3)-是CSS中的背景附著屬性,這個屬性通常與-image一起使用,控制背景圖片是跟隨網(wǎng)頁內(nèi)容滾動,還是固定不動網(wǎng)站背景圖片修改代碼,屬性值包括:
·
(缺省值)
· fixed
示例7:
這段代碼設(shè)置網(wǎng)頁的背景圖片,背景圖片不重復(fù),且不隨網(wǎng)頁內(nèi)容滾動。
(4)-是CSS中的背景位置屬性,這個屬性通常與-image一起使用網(wǎng)站背景圖片修改代碼,控制背景圖片的最初位置。
示例8:
這段代碼設(shè)置網(wǎng)頁的背景圖片,背景圖片不重復(fù),隨網(wǎng)頁內(nèi)容滾動,背景圖片的初始位置距網(wǎng)頁最左邊50px,距網(wǎng)頁最頂端30px。
(4)是CSS中的背景屬性,這個屬性是個綜合屬性,可以把以上種種單獨(dú)定義的背景屬性合并在一起,簡化代碼,不同背景屬性之間用空格間隔。
示例9:
這段代碼設(shè)置網(wǎng)頁的背景顏色為藍(lán)色#,背景圖片不重復(fù),且不隨網(wǎng)頁內(nèi)容滾動,背景圖片的初始位置距網(wǎng)頁最左邊50px,距網(wǎng)頁最頂端30px。