當前位置:首頁 » 圖片效果 » html怎樣定位背景圖片位置
擴展閱讀
緞帶手錶怎樣綁好看 2025-02-28 09:35:11
腰上長皰疹是什麼原因 2025-02-28 09:31:00
怎樣練好字最好看 2025-02-28 09:22:14

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」。