1、 css選擇器居中,css設(shè)置背景圖片居中?
1、打開前端開發(fā)工具,新建一個html代碼頁面
2、在html代碼頁面上創(chuàng)建一個用于設(shè)置背景顏色的div標(biāo)簽,然后給這個標(biāo)簽添加上class = "bg-img"
3、設(shè)置背景圖片。創(chuàng)建style標(biāo)簽,然后在標(biāo)簽里面對類為bg-img設(shè)置背景圖片、圖片不重復(fù)、寬、高的樣式。樣式代碼:.bg-img{height: 100vh;width: 100%;background-image: url(img/car.jpg);background-repeat: no-repeat;}
4、保存html代碼,使用瀏覽器打開,這個時候會發(fā)現(xiàn)瀏覽器上的背景圖片顯示在左上角。
5、回到html代碼頁面,在bg-img類里添加background-position: center的屬性。
6、保存html代碼后重新刷新瀏覽器,這個時候會發(fā)現(xiàn)瀏覽器上的背景圖片已經(jīng)自動居中了。
2、 無論文字有多少行始終居中?
可以用“text-align”屬性和“l(fā)ine-height”屬性。
1、新建html文件,在body標(biāo)簽中添加div標(biāo)簽,在div標(biāo)簽輸入文字,這里以“演示文本”為例,給div標(biāo)簽設(shè)置寬度、高度和背景色屬性,屬性值分別為200、100和灰色,這時“演示文本”默認位置為div盒子的左上方。2、這時給div標(biāo)簽添加上“text-align”屬性,屬性值為“center”,這時文字將會在div容器中水平居中。
3、這時給div標(biāo)簽添加行高“l(fā)ing-height”屬性,屬性值為高度的值“100px”,再添加“vertical-align”屬性,屬性值為“middle”,這時文字將會水平垂直都居中。
3、 請問怎么用CSS設(shè)置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;}這個前面的分別是外面距,距上,下,左,右,后面是內(nèi)邊距距左,其它的也一樣子的道理在HTML調(diào)用有兩種方法,第一種,直接把這個寫在html的head文件里面,<styletype="text/css">在這里是CSS代碼</style>,或者直接建CSS文件,把代碼寫里面,在HTML引入,<linkhref="這里是CSS的路徑"type="text-css"rel="stylesheet"/>
4、 網(wǎng)頁文字居中的代碼是什么?
在html中使文字水平劇中的屬性是align=center,垂直居中需要使用css中的line-height屬性。 1.
居中或者 2.居中效果如下: