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文件以查看效果。

这篇文章到此就结束，希望能帮助到大家。