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.居中效果如下: