html中設置元素的背景色都是通過CSS中的background 屬性來完成。
例如,給整個頁面(body)設置背景色:body{background: #ddd;};如果要將圖片作為背景色:body{background-image: url(1.jpg);},其中url括號後面的是背景圖片的鏈接。
background 簡寫屬性在壹個聲明中設置所有的背景屬性。
background可以設置如下屬性:
background-color背景顏色
background-position背景圖像的位置
background-size背景圖片的尺寸
background-repeat重復背景圖像
background-origin背景圖片的定位區域
background-clip背景的繪制區域
background-attachment背景圖像是否固定或者隨著頁面的其余部分滾動
background-image背景圖像
如果不設置其中的某個值,也不會出問題,通常建議使用這個屬性,而不是分別使用單個屬性,因為這個屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。
代碼:
效果: