##### CSS 背景屬性 ##### 1. background-color（背景顏色） 頁面的背景顏色有四種屬性值表示，分別是transparent（透明），RGB十進位顏色表示，十六進位顏色表示和顏色單詞表示。 屬性使用： ``` /* background-color: transpare ...
CSS 背景屬性
1. background-color（背景顏色）
頁面的背景顏色有四種屬性值表示，分別是transparent（透明），RGB十進位顏色表示，十六進位顏色表示和顏色單詞表示。
屬性使用：
/*
background-color: transparent; // 透明
background-color: rgb(255,0,0); // 紅色背景
background-color: #ff0000; // 紅色背景
background-color: red; // 紅色背景
*/
2. background-image（背景圖片）
background-image可以引入一張圖片作為元素的背景圖像。預設情況下，background-image放置在元素的左上角，併在垂直和水平方向重覆平鋪。
語法：background-image: url('圖片地址')
當同時定義了背景顏色和背景圖像時，背景圖像覆蓋在背景顏色之上。 所以當背景圖片沒有被載入到，或者不能完全鋪滿元素時，就會顯示背景顏色。
3. background-repeat（背景平鋪方式）
CSS中，當使用圖像作為背景了以後，都是預設把整個頁面平鋪滿的，但是有時候在很多場合下麵，頁面並不需要這種預設的效果，而可能需要背景圖像只顯示一次，或者只按照指定方式進行平鋪的時候，可以使用background-repeat來進行設置。
background-repeat專門用於設置背景圖像的平鋪方式，一般有四個值:
預設是repeat（平鋪）
no-repeat（不平鋪）
repeat-x（X軸平鋪）
repeat-y（Y軸平鋪）
4. background-position（背景定位）
CSS中支持元素對背景圖像的定位擺放功能，就是利用background-position屬性來實現，以頁面中元素的左上角為原點（0，0），把元素的內部區域當成一個坐標軸（上邊框為X軸，越往左X的值越大，左邊框為Y軸，越往下Y軸的值就越大，反之亦然），然後計算出背景圖片的左上角與圓點的距離（x軸和y軸的距離），然後把背景圖片放入到指定的位置上，對背景圖片的位置進行精確的控制和擺放。
background-position的值分成兩個，使用空格隔開，前面一個是背景圖片左上角的x軸坐標，後面一個是背景圖片左上角的y軸坐標。兩個值都可以是正、負值。
語法：background-position: x軸坐標 y軸坐標
背景定位的值除了是具體的數值以外，還可以是左（left）、中（center）、右（right）
5. background（背景樣式縮寫）
和字體屬性一樣，多個不同背景樣式屬性也是可以同時縮寫的，不過不需要像字體那樣按照一定的順序，背景樣式的縮寫屬性的順序是不固定的，可以任意編排。
語法：background: 背景顏色 背景圖片 背景平鋪方式 背景定位;
本文來自博客園，作者：生而自由愛而無畏，轉載請註明原文鏈接：https://www.cnblogs.com/zczhaod/p/17646187.html
