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代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
@ 无论文字有多少行始终居中？
可以用“text-align”属性和“line-height”属性。
1、新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度、高度和背景色属性，属性值分别为200、100和灰色，这时“演示文本”默认位置为div盒子的左上方。
2、这时给div标签添加上“text-align”属性，属性值为“center”，这时文字将会在div容器中水平居中。
3、这时给div标签添加行高“ling-height”属性，属性值为高度的值“100px”，再添加“vertical-align”属性，属性值为“middle”，这时文字将会水平垂直都居中。
@ 请问怎么用CSS设置DIV居中或靠左靠右？
比如box是一个div,如下示例：.box{float:left;}//向左浮动显示了.box{float:right;}//向右浮动显示了.box{width:980px;margin:0pxauto}//居中显示了.box{margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-left:5px;}这个前面的分别是外面距，距上，下，左，右，后面是内边距距左，其它的也一样子的道理在HTML调用有两种方法，第一种，直接把这个写在html的head文件里面，<styletype=”text/css”>在这里是CSS代码</style>，或者直接建CSS文件，把代码写里面，在HTML引入，<linkhref=”这里是CSS的路径”type=”text-css”rel=”stylesheet”/>
@ 网页文字居中的代码是什么？
在html中使文字水平剧中的属性是align=center，垂直居中需要使用css中的line-height属性。 1.
居中或者 2.居中效果如下：
