CSS 背景常用屬性

1. background-color
   這個屬性過於簡單， 以下寫法均可

   background-color:red;
   background-color:rgb(0,0,255);
   background-color:#ffffff;
   

2. background-image
   絕對路徑、相對路徑均可

   background-image:url(...);
   

3. background-repeat
   配合上一個屬性使用，表示圖片是否平鋪。
   repeat-x X軸平鋪

   background_repeat:no-repeat; /*不平鋪*/
   background_repeat:repeat-y  /*Y軸平鋪*/
   background_repeat:repeat-x  /*X軸平鋪*/
    
   

4. background-position
   也是配合background-image使用的，設定圖片的起始點，預設是容器的左上角零點處。這個一般在logo處使用，為避免過多請求，多個小logo通常包含在一張圖片上。零點向右為X軸的正方向，向下為Y軸正方向。當使用某處的logo，如果這個小logo在整個logo圖片上包含著，且位置為20px 20px，為了使用這個logo，那麼CSS程式碼就要這麼寫：

   background-position:-20px -20px;
   

   如果logo長寬為30px 30px ，那麼把容器的長寬也也設定為30px 30px ，就剛好完美顯示logo。
   此屬性還有下面的寫法：

   background-position:left bottom; /*靠左靠下*/
   background-position:50% 50%；	/*在容器中間顯示*/
    
   

5. background-attachment
   控制背景圖片固定或者隨頁面滾動。預設值scroll，可以設定為fixed。這個屬性挺好玩，哈哈
   
6. background
   簡寫。可以把上面的屬性值一個或多個寫在這裡面。方便快捷。