div背景图片水平居中 css设置背景图片居中；css背景图片自动居中？

css设置背景图片居中；css背景图片自动居中？

1. 打开前端开发工具，创建一个新的HTML代码页

2。在HTML代码页上创建一个div标记来设置背景色，然后添加class=“BG img”

3。设置背景图像。创建一个样式标签，然后将BG img类的样式设置为背景图像、非重复图像、宽度和高度。样式代码：BG img{高度：100vhwidth:100ckground图像：URL（img/汽车.jpg)背景重复：无重复}]4。保存HTML代码并用浏览器打开。此时，您将发现浏览器上的背景图像显示在左上角。

5. 回到HTML代码页，将background position:Center属性添加到BG img类。

6. 保存HTML代码并刷新浏览器后，您会发现浏览器上的背景图像已自动居中。

怎么在HTML代码中使背景图片和其他图片居中对齐？

在CSS中，背景图像的位置可以由像素选择和控制。如果背景在中间，请直接使用此代码背景：url(* *. 无重复中心}

这是水平中心。也可以使用两个像素值来控制特定位置。请注意，X和Y轴从左上角开始。

div背景图片水平居中 css文字环绕图片居中 背景图位置居中

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。