css如何讓圖片居中

圖片居中的方法：1、使用「background-position:圖片寬度的一半高度的一半;」語句；2、使用「background-position:50%」語句；3、使用「background-position :center;”語句。

本教學操作環境：windows7系統、css3版，DELL G3電腦。

css讓圖片居中的方法：

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

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

效果圖：

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

background-position:50%;

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

background-position:center center;

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

相關教學推薦：CSS影片教學

#

以上是css如何讓圖片居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！