3/25/2007

添加Blogger的背景圖

1.進控制主頁 > 範本 > 修改HTML
2.找到body {如下

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


修改對象 background:$bgcolor;
應用範例background:$bgcolor;換成如下任一語法


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;

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




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

LinkWithin

Related Posts Plugin for WordPress, Blogger...