小編給大家分享一下css怎么讓圖片居中，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在鶴城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站建設、網(wǎng)站設計 網(wǎng)站設計制作按需搭建網(wǎng)站,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,高端網(wǎng)站設計,網(wǎng)絡營銷推廣,成都外貿(mào)網(wǎng)站建設,鶴城網(wǎng)站建設費用合理。

css讓圖片居中的方法：1、【background-position】使用像素設置背景圖片居中；2、【background-position】使用50%設置背景圖片居中；3、background-position使用center設置居中。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

css讓圖片居中的方法：

1、background-position使用像素設置背景圖片居中（知道背景圖片的大小）

background-position:100px 70px ;  /*寬的一半，高的一半*/

效果圖：

2、background-position使用50%設置背景圖片居中，很方便

background-position:50% 50% ;

3、background-position使用center設置背景圖片居中，很方便。（第2個center可以省略）

background-position:center center;

上述background-position的三種設置方法都可以實現(xiàn)背景圖片的居中，background-position屬性的第一個值設置水平位置，第二個值設置垂直位置。

以上是“css怎么讓圖片居中”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！