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