空間管理您的位置: 理想空間 [Blog + 相簿] » SUBEBE's 部落教學 » 日誌

7.11.08 >> 我的網上小店終於開張了~ \(^0^ )/ http://hk.myblog.yahoo.com/iluvmina 大家快去看看參觀一下喔!! >>新模版完成!!

[CSS] - 背景固定語法

上一篇 / 下一篇 2007-05-12 10:57:32 / 個人分類：【模版教學】

9種背景固定的語法

左下
<STYLE type="text/css"> < !-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> </STYLE>
右下
<STYLE type="text/css"> < !-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:100% 100%; background-repeat: no-repeat ; } --> </STYLE>
左上
<STYLE type="text/css"> < !-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:0% 0%; background-repeat: no-repeat ; } --> </STYLE>
右上
<STYLE type="text/css"> < !-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:100% 0%; background-repeat: no-repeat ; } --> </STYLE>

中間
<STYLE type="text/css"> < !-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:50% 50%; background-repeat: no-repeat ; } --> </STYLE>
左一列
<STYLE type="text/css"> < !-- BODY { background-color: #------; background-image : url("壁紙のURL"); background-repeat: repeat-y; background-attachment: fixed; ; } --> </STYLE>
右一列
<STYLE type="text/css"> < !-- BODY { background-color: #------; background-image : url("壁紙のURL"); background-position: 100% 0%; background-repeat: repeat-y; background-attachment: fixed ; } --> </STYLE>
上一列
<STYLE type="text/css"> < !-- BODY { background-color: #------; background-image : url("壁紙のURL"); background-repeat: repeat-x; background-attachment: fixed; ; } --> </STYLE>
下一列
<STYLE type="text/css"> < !-- BODY { BACKGROUND-IMAGE:URL("壁紙のURL"); BACKGROUND-ATTACHMENT:fixed; BACKGROUND-REPEAT:repeat-x; BACKGROUND-POSITION:bottom;} ; } --> </STYLE>

語法說明 :

BODY {
background-image : url(圖片的路徑); /* 整個網誌的背景圖 */
background-attachment: fixed; /*背景圖固定*/
background-position: 100% 0%;/* 背景圖的位置 */
background-repeat: no-repeat; /* 背景圖是否重覆 */
}