html如何让一张背景图片居中？
打开前端开发工具，新建一个html代码页面
在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"
设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。
保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
回到html代码页面，在bg-img类里添加background-position: center的样式。
保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
css设置背景图片居中；css背景图片自动居中？
1、打开前端开发工具，新建一个html代码页面
2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"
3、设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。样式代码：.bg-img{height: 100vh;width: 100%;background-image: url(img/car.jpg);background-repeat: no-repeat;}
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
网页中如何用HTML/CSS实现文字居中于图片？
1、前端用到的编辑器有很多，本例通过选择Sublime Text3编辑器来实现文字居中图片的制作。第一步，打开电脑中安装的Sublime Text3，新建demo文件夹用来存放文件，在里面新建一个html文件，通过Tab快捷键迅速创建一个html模板，并命名标题。如图：
2、第二步，在顶部head标签里引入外部CSS文件。当然，因为本例比较简单，就直接写在style标签里了。建议实际开发应该写在外部CSS文件中。
3、第三步，在Body中写简单的html代码。在一个容器div中，给一个类名，然后加一个子div，命名类名，用来填充文字。子div中加一个h标签，引入文字，随便写几个文字。如图：
4、第四步，写父级div的样式。其主要作用是包裹子级div。为了看得比较明显，加一个边框样式：border：1px solid #093。如图：
5、第五步，写主要的字div样式。设置长度和宽度，以及边框样式；文字颜色以及字体大小；接着以一张图片作为背景图片，不重复：background: url(images/0.jpg) no-repeat。如图。你也可以随时在浏览器中查看效果。可以看到，此时，文字是在图片最上面。
6、第六步，接着是最关键的部分，设置文字居中于图片，包括垂直和水平方向上的居中。其中，line-height：630px，使行高等于高度，文字即可在垂直方向居中；text-align: center，实现水平居中。如图：