本文主要介绍css如何将背景图居中。很详细，有一定的参考价值。感兴趣的朋友一定要看完！
Css中，可以使用“背景-位置”属性在中心显示背景图像。该属性用于设置背景图像的起始位置。当属性值为“中心”时，背景图像将水平和垂直显示在中心。语法是“元素{ background-position 3360 center }”。
本教程操作环境：windows10系统，CSS3HTML5第5版，戴尔G3电脑。
css如何将背景图居中
在css中，可以通过background-position属性设置背景图片的位置。这里有一个例子来解释如何在css中居中背景图片。
例子如下：
1.创建一个名为test.html的新html文件，用来解释如何在css中居中背景图片。使用div标签创建一个用于测试的模块。将div标签的class属性设置为test，用于设置以下样式。
在css标签中，按类设置div的样式，定义一个宽度为300px、高度为300px、边框为1px的灰色边框。
2.在css标签中，通过background属性将div的背景图片设置为1.jpg，并使用background-position属性设置背景图片的中心显示。
在浏览器中打开test.html文件查看效果。
总结：
1.使用div标签创建一个模块，并将div标签的class属性设置为test，用于设置以下样式。
2.在css标签中，按类设置div的样式，定义一个宽度为300px，高度为300px，边框为1px的灰色边框。
3.在css标签中，通过background属性将div的背景图片设置为1.jpg，并使用background-position属性设置背景图片的中心显示。
以上就是文章《css如何居中背景图》的全部内容。感谢您的阅读！希望分享的内容对大家有所帮助。更多相关知识，请关注行业资讯频道！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/138723.html