Lina的窩

css 教學:背景圖語法

不限大小尺寸的背景圖語法：
*Background image for whole page背景圖*/
BODY { background: white url(http://圖片網址.gif);background-attachment: fixed }

固定背景圖位置語法：

必須要大尺寸圖片才適合

此語法參考小小羊兒教學文

http://tw.myblog.yahoo.com/jw!CSu5DHmBERyjmtIvo6vbZbKOn7L3dQ--/article?mid=1950&prev=1654&next=1938

body {
background-image: url(http://圖片網址.gif);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}

紅色部分說明:
backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方
ｐｓ：當然百分比可以任意調動，不一定上面的～

＊部落格背景

語法說明：

background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-attachment:fixed(背景固定不動)
background-repeat:repeat(背景重複排列)
background-repeat:no-repeat(單一背景不重複)
background-repeat:repeat-x(背景在x軸重複排列)
background-repeat:repeat-y(背景在y軸重複排列)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)