CSS 背景語法

背景色彩 background-color

除了英文，也可以用色碼，例如 #000、#000000。

body{background-color: red;}　整個網頁
background-color: red;　指定某區塊的背景

背景圖片 background-image

body{background-images: url(網址);}　整個網頁
background-images: url(網址);　指定某區塊的背景

浮水印 background-attachment

用來固定背景不會因為有捲軸而移動。

background-attachment : scroll;　不使用浮水印
background-attachment : fixed ;　使用浮水印

背景圖片是否重複 background-repeat

background-repeat: repeat;　填滿整個背景
background-repeat: no-repeat;　只出現一張圖但不併列顯示
background-repeat: repeat-x;　並列水平的一排背景圖 (沒設定是最上方一排)
background-repeat: repeat-y;　並列垂直的一排背景圖 (沒設定是靠左邊垂直一排)

背景圖片的位置 background-position

可以用英文表示，top、bottom、left、right 分別代表上下左右，center 則是置中。
也可以用 X 軸 (從左到右算) Y 軸 (從上到下算) 來自訂圖片位置。

background-position: right top;　圖片在網頁的右上
background-position: left top;　圖片在網頁的左上
background-position: right bottom;　圖片在網頁的右下
background-position: left bottom;　圖片在網頁的左下
background-position: center;　圖片在網頁的中央
background-position: 90% 90%;　x 軸 y 軸

不要背景圖 none

body{background-images: none;}　網頁不要背景
background-images: none;　指定某區塊不要背景

轉載自：http://blog.yam.com/himari/article/3445219