HTML:

<div?class="bb"></div>????//創(chuàng)建圖片的容器? ? ? ?bb要相對定位

CSS:

.bb:after{//通過樣式選擇器添加偽元素

content:?'';//有content，偽元素才會顯示出來

background:?url("images/2.png")?no-repeat?center;//通過偽元素的背景添加圖片路徑 ，no-repeat->不重復(fù) center->居中表示

display:?block;????//也可以是inline-bolck但是主要是block的特性才能設(shè)置寬高

width:?300px;????//kuan寬

height:?200px;????//高

background-size:?300px;//通過這個屬性來設(shè)置圖片的寬高

position:absolute;

left:0;

top:0;

}

轉(zhuǎn)載于:https://www.cnblogs.com/miaSlady/p/8192901.html

總結(jié)

以上是生活随笔為你收集整理的用：after伪类写背景的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。