css 图片居中不缩放（css图片居中）

大家好，精选小编来为大家解答以上问题。css 图片居中不缩放，css图片居中很多人还不知道，现在让我们一起来看看吧！

1、 创建一个新的html文件，名为test.html，解释如何在css中居中背景图片。

2、 在test.html文件中，创建一个带有div标签的模块进行测试。

3、 在test.html文件中，将div标签的class属性设置为test，用于设置以下样式。

4、 在css标签内，按类设置div的样式，定义一个宽300px，高300px，边框1px的灰色边框。

5、 在css标签中，通过background属性将div的背景图像设置为1.jpg，并使用background-position属性设置背景图像的居中显示。

6、 在浏览器中打开test.html文件以查看效果。

本文到此结束，希望对大家有所帮助。

免责声明：本文由用户上传，如有侵权请联系删除！