CSS中的背景屬性可以用來設置網頁的背景顏色、圖片、重復方式等。下面我們來一一介紹。
1. 背景顏色:使用background-color屬性來設置。例如:
body { background-color: #f0f0f0; }這里將網頁的背景顏色設置為淺灰色。
2. 背景圖片:使用background-image屬性來設置。例如:
body { background-image: url("example.jpg"); }這里將一張圖片作為網頁的背景圖案。
3. 背景重復:使用background-repeat屬性來設置。例如:
body { background-image: url("example.jpg"); background-repeat: repeat; }這里將圖片進行水平和垂直方向的平鋪。
4. 背景大小:使用background-size屬性來設置。例如:
body { background-image: url("example.jpg"); background-size: cover; }這里將圖片自適應網頁大小并縮放至鋪滿整個網頁。
5. 背景附著:使用background-attachment屬性來設置。例如:
body { background-image: url("example.jpg"); background-attachment: fixed; }這里將圖片固定在網頁上,使其隨著滾動而移動。
以上就是關于CSS背景屬性的介紹,通過增加背景顏色、圖片等元素可以讓網頁更加生動、美觀。