背景語法－yo139678

大概蠻多人為了背景圖太小所以都不知道怎麼將背景更漂亮

所以就將測試過的背景圖分享給大家試看看~^^

背景圖一測試語法:

/*楓葉零測試背景固定語法*/
body {
background-image: url(http://hk.geocities.com/sesz2002/RUY.jpg);
background-repeat:no-repeat ;
background-position : 50% 60%;
background-attachment: fixed;}

背景圖二測試語法:

/*楓葉零測試背景固定語法*/
body {
background-image: url(http://hk.geocities.com/sesz2002/URE.jpg);
background-repeat:no-repeat ;
background-position : 10% 50%;
background-attachment: fixed;}

背景圖三測試語法:

/*楓葉零測試背景固定語法*/
body {
background-image: url(http://hk.geocities.com/sesz2002/UI.jpg);
background-repeat:no-repeat ;
background-position : 90% 50%;
background-attachment: fixed;}

背景圖四測試語法:

/*楓葉零測試背景固定語法*/
body {
background-image: url(http://hk.geocities.com/sesz2002/ERQ.jpg);
background-repeat:no-repeat ;
background-position : 50% 100%;
background-attachment: fixed;}

背景圖五測試語法:

/*楓葉零測試背景固定語法*/
body {
background-image: url(http://hk.geocities.com/sesz2002/IUY.jpg);
background-repeat:no-repeat ;
background-position : 0% 70%;
background-attachment: fixed;}

選這張背景圖的大大要注意!

這張圖檔較小,需要將面板設定的背景顏色改為白色才會漂亮哦!

背景圖六測試語法:

/*楓葉零測試背景固定語法*/
body {
background-image: url(http://hk.geocities.com/sesz2002/pcgames0930mmcgbz51.jpg);
background-repeat:no-repeat ;
background-position : 0% 50%;
background-attachment: fixed;}

˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙

修改語法

↓

˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙

固定backgroud的語法

＊置中背景　＜保留並固定中間的背景＞
body{background-image : url(圖址);background-repeat : no-repeat;background-attachment : fixed;background-position :50% 50%;}

＊右下背景　＜保留並固定右下的背景＞
body{background-image : url(圖址);background-repeat : no-repeat;background-attachment : fixed;background-position :100% 100%;}

＊右上背景　＜保留並固定右上的背景＞
body{background-image : url(圖址);background-repeat : no-repeat;background-attachment : fixed;background-position :100% 0%;}

＊左上背景　＜保留並固定左上的背景＞

body{background-image : url(圖址);background-repeat : no-repeat;background-attachment : fixed;background-position :0% 0%;}

　

＊左下背景　＜保留並固定左下的背景＞

body{background-image : url(圖址);background-repeat : no-repeat;background-attachment : fixed;background-position :0% 100%;}