練習CSS的背景，一張圖當四張用

早就想這麼試了，一直沒有真正寫寫看，
雖然沒什麼意義，但還是玩玩看。
來源圖片(64x64)，剛才畫的四個臉(32x32)，傳到picasaweb上了。

div 32x32..背景沒動

div 32x32..background-position: 0px -32px;

div 32x32..background-position: -32px 0px;

div 32x32..background-position: -32px -33px;
(應該要 -32px -32px..可是剛這兩個值打一樣，第二個值會自動被blogger改成50%，所以用-33px)

這樣看起來好像有4張圖，其實是同一張，只是移動位置而已。

CSS的background
background-image: url(URL)
background-color: 顏色
background-attachment: scroll | fixed
background-position: ( [ top | center | bottom ] | x% | xpos ) ( [ left | center | right ] | y% | ypos )
background-repeat: repeat-x | repeat-y | no-repeat