當前位置:首頁 » 圖片效果 » html怎樣定位背景圖片位置
擴展閱讀
怎樣恢復刪除文檔 2024-10-20 01:41:44
長發怎樣扎馬尾好看 2024-10-20 01:29:12

html怎樣定位背景圖片位置

發布時間: 2024-10-19 23:14:41

1. html背景圖片設置

在CSS樣式中設置backgroud-image屬性,代碼如下:

<styletype="text/css">
body{
background-image:url(你的圖片地址);
background-position:center;
background-repeat:repeat-y;
}

</style>

說明:

1、background-image:url(你的圖片地址):指這張背景圖存放的路徑;

2、background-position:指這張背景圖的位置。left(左)、right(右)、top(上)、bottom(下)可以取值,你要求圖片居中,所以是「center」;
background-repeat:指圖片平鋪方式;一般都默認平鋪,設置為no-repeat則是不平鋪。你要求「y坐標平鋪」所以是「repeat-y」。