background用來定義html元素的背景效果

background-color：定義元素的背景顏色，背景的顏色值通常有三種定義方法

1.十六進位制方式，如"#ff0000"

2.RGB方式，如"rgb(255,0,0)"

3.顏色名稱，如"red"

background-image：定義元素的背景圖片，通過background-image:url('path/圖片名稱')指定

預設情況下，背景圖片會在水平和垂直方向上進行平鋪重複顯示，即預設的background-repeat值為repeat

background-repeat：定義元素的背景圖片是否以及如何重複顯示

預設值值repeat，no-repeat、repeat-x、repeat-y分別表示不重複、在水平方向、垂直方向重複顯示

background-attachment：定義元素的背景圖片是否固定或者隨著頁面的其餘部分滾動

預設值為scroll隨頁面部分滾動，fixed表示固定不滾動，inherit表示從父元素繼承

background-position：定義元素的背景圖片起始位置，例如定義圖片右上角不重複顯示

(left center right * top center bottom)九種組合，並且這兩個值如果只指定一個那麼另外一個預設為center

x% y%：表示水平位置和垂直位置，預設為左上角0％ 0％，右下角是100％ 100％，

xpos ypos：表示水平位置和垂直位置

inherit表示從父元素繼承

背景效果通過上述5個屬性來控制，為使用方便可以將這些屬性合併在一起，簡寫為 "background"，當時用簡寫屬性時，順序為color、image、repeat、attachment、position，可根據實際需要選擇，無需全部使用，例如

body {background:lightpink url('img_tree.png') no-repeat right top;}