2009年5月8日 星期五

Blogger 加入背景圖

1. 進入控制主頁 > 版面配置 > 修改HTML > 修改範本 > 把「展開小裝置範本」打勾,body {} 裡的 background:$bgcolor;

background:url("http://Orz/DEhklB9RxK8/s1600/dragonraja_bg.png")


A.重複背景語法語法
background:url(http://背景圖位址) repeat;

B.背景居中語法
background:url(http://背景圖位址) no-repeat top center;

C.自動橫向重複,置於上方靠左的背景圖語法
background:url(http://背景圖位址) repeat-x top left;

D.固定背景不動
請在以上背景語法後,加上此語法
background-attachment:fixed;

E.範例應用:重複背景語法+固定背景不動語法
background:url(http://背景圖位址) repeat;
background-attachment:fixed;

背景圖放置對齊位置可以有下列組合運用:
top left 置上靠左
top right 置上靠右
bottom left 置下靠左
bottom right 置下靠右
bottom center 置下居中
top center 置上居中





沒有留言:

張貼留言

Random Post