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;}

css背景background