CSS / 背景圖片位置設定

 

複製以下程式碼至<head>與</head>之間

 

<style type = text/css>

body {

background - image : url ( 圖 址 )

background - position : center ;

background - attachment : fixed ;

background - repeat : no-repeat ;

}

</style>

 

背景置中
background-image: url(images/img_01.jpg);
/*圖片位置*/
background-position:center;
background-repeat:no-repeat;

 

背景固定右上
background-image: url(images/img_01.jpg);
/*圖片位置*/
background-position:right top;
background-repeat:no-repeat;

 

背景固定右下
background-image: url(images/img_01.jpg);
/*圖片位置*/
background-position:right top;
background-repeat:no-repeat;

 

背景固定左上
background-image: url(images/img_01.jpg);
/*圖片位置*/
background-position:left top;
background-repeat:no-repeat;

 

背景固定左下
background-image: url(images/img_01.jpg);
/*圖片位置*/
background-position:left bottom;
background-repeat:no-repeat;

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 jun431869 的頭像
    jun431869

    二流設計師的小筆記

    jun431869 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄