用:after偽類寫背景


HTML:

<div class="bb"></div>    //創建圖片的容器       bb要相對定位

CSS:

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

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

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

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

width: 300px;    //kuan寬

height: 200px;    //高

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

position:absolute;

left:0;

top:0;

}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM