div背景圖片水平居中 css設(shè)置背景圖片居中;css背景圖片自動(dòng)居中?
css設(shè)置背景圖片居中;css背景圖片自動(dòng)居中?1. 打開前端開發(fā)工具,創(chuàng)建一個(gè)新的HTML代碼頁2。在HTML代碼頁上創(chuàng)建一個(gè)div標(biāo)記來設(shè)置背景色,然后添加class=“BG img”3。設(shè)置背景
css設(shè)置背景圖片居中;css背景圖片自動(dòng)居中?
1. 打開前端開發(fā)工具,創(chuàng)建一個(gè)新的HTML代碼頁
2。在HTML代碼頁上創(chuàng)建一個(gè)div標(biāo)記來設(shè)置背景色,然后添加class=“BG img”
3。設(shè)置背景圖像。創(chuàng)建一個(gè)樣式標(biāo)簽,然后將BG img類的樣式設(shè)置為背景圖像、非重復(fù)圖像、寬度和高度。樣式代碼:BG img{高度:100vhwidth:100ckground圖像:URL(img/汽車.jpg)背景重復(fù):無重復(fù)}]4。保存HTML代碼并用瀏覽器打開。此時(shí),您將發(fā)現(xiàn)瀏覽器上的背景圖像顯示在左上角。
5. 回到HTML代碼頁,將background position:Center屬性添加到BG img類。
6. 保存HTML代碼并刷新瀏覽器后,您會(huì)發(fā)現(xiàn)瀏覽器上的背景圖像已自動(dòng)居中。
怎么在HTML代碼中使背景圖片和其他圖片居中對齊?
在CSS中,背景圖像的位置可以由像素選擇和控制。如果背景在中間,請直接使用此代碼背景:url(* *. 無重復(fù)中心}
這是水平中心。也可以使用兩個(gè)像素值來控制特定位置。請注意,X和Y軸從左上角開始。