背景圖語法－DAY9

走山盧彥勳會飛的蝦子郭采潔女神卡卡

背景圖語法
背景圖語法
這個問題經常要回答
所以乾脆做教學文背景圖語法
分固定背景圖位置語法
跟不限大小尺寸的背景圖語法
請自己選擇一種貼在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語法使用法↓選
請進入管理部落格 → 選面板設定→ 選自訂樣式
將背景圖語法貼上儲存
→看結果改變部落格背景樣式框線樣式卷軸顏色滑鼠樣式
改變訂閱圖示樣式個性圖示文字樣式