為圖片設置背景圖片，是一個非常搞的實例。這句話或許就感覺有點好玩。我們為以IMG標簽引入頁面的圖片設置背景圖片。這樣的應用范圍或許并不大，但可以鍛煉你的思路，讓你理解元素在HTML與CSS中的意義與靈活性。
我們看下面的代碼。

　　
　　這是以img標簽將圖片引入到頁面中。

　　我們再編寫CSS。

img {
display:block;
width:443px;
height:60px;
padding-bottom:10px;
background:url(jb52bg.jpg) no-repeat left bottom;
}
　　將img元素轉換為塊元素，設置寬和高。設置下側的內邊距為10px。為背景圖片顯示出來預留一定的空間。最后定義背景圖片即可。
　　　由此小實例，可以看出CSS的靈活和強大的功能。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com