backgroundposition center 打開前端開發(fā)工具，新建一個html代碼頁面 在html代碼頁面上創(chuàng)建一個用于設(shè)置背景顏色的div標(biāo)簽，然后給這個標(biāo)簽添加上class = #34bgimg#34設(shè)置背景圖片創(chuàng)建style標(biāo)簽，然后在標(biāo)簽里面對。

CSS使網(wǎng)頁背景圖片居中的三種方法1第一種用像素設(shè)定，很多都用這種，但是也是最麻煩的2第二種用50%設(shè)定，很方便3第三種用center設(shè)定注第2個center可以省略，因為默認(rèn)就是center。

CSS中定位背景圖片的屬性是backgroundposition，用法backgroundposition 屬性設(shè)置背景圖像的起始位置你要水平居中可以divbackgroundpositioncenter center第一個center是水平居中，第二個center是上下居中 CSS層疊。

1打開一個在線寫前端代碼的網(wǎng)站，比如jsrun或者jsfiddle2目標(biāo)是制作一張不同大小的圖片，效果如圖3每個框的html如下，img src=圖片地址img 4css如下，其中需要注意的是，不設(shè)置最外層div的大小，只設(shè)置span。

設(shè)置圖片為塊級元素，設(shè)置左右margin為auto即可讓圖片居中imgdisplayblockmarginleftautomarginrightauto 網(wǎng)頁中如何用HTMLCSS實現(xiàn)文字居中于圖片1前端用到的編輯器有很多，本例通過選擇SublimeText3編輯器來。

想要圖片居中顯示，如果圖片等比例縮小可能會導(dǎo)致圖片不能填充整個p，如果直接將圖片不設(shè)置寬高，將其外層p設(shè)置overflowhidden這時即使外層p設(shè)置了水平垂直居中，圖片也不是居中的效果解決方法1 把圖片設(shè)置為背景圖片。