背景圖語法

這個問題經常要回答

所以乾脆做教學文

背景圖語法

分固定背景圖位置語法

跟不限大小尺寸的背景圖語法

請自己選擇一種貼在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%; 右邊下方
ｐｓ：當然百分比可以任意調動，不一定上面的～

............

 延伸說明(引用《甜蜜♥Lover》所做的整理表格：

　

參考下列表格 可以依照自己需求編寫CSS語法

 

《甜蜜♥Lover》千金公主寶貝窩

 

http://tw.myblog.yahoo.com/jw!844BCHmZBxjs7onFX0_pm7Bp/article?mid=1441

 

＊部落格背景

語法說明：

/*主題*/	內容標題	{常用修改樣式}
/*Background部落格背景*/	body (整個部落格背景)	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(背景加雙框線)

範例：

/*Background部落格背景*/
body{background-color:#9966FF;background-image:url(http://圖檔網址.gif);background-attachment:fixed}

圖片必須是放置在網路空間的圖片

不行用自己電腦內的圖片

不行用各部落格相簿內的圖片

需上傳圖片請參考

免費上傳圖片網教學

http://tw.myblog.yahoo.com/monkey_014148/article?mid=669

 

css語法使用法↓選

請進入 管理部落格 → 選 面板設定→ 選 自訂樣式

將背景圖語法貼上 儲存→看結果

改變 部落格背景樣式 框線樣式 卷軸顏色 滑鼠樣式

改變 訂閱圖示樣式 個性圖示 文字樣式