html如何設(shè)置div背景圖片
本篇內(nèi)容主要講解“html如何設(shè)置div背景圖片”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“html如何設(shè)置div背景圖片”吧!
耒陽(yáng)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！
html設(shè)置div背景圖片的方法：1、使用div元素的style屬性，語(yǔ)法為“
”；2、給div元素添加“{background-image:url(圖片名稱(chēng));}”樣式。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html設(shè)置div背景圖片的方法
1、html在div中添加背景圖片語(yǔ)法如下：
圖片和網(wǎng)頁(yè)放一個(gè)文件夾里面，注意圖片后綴，這里是.jpg就只適合JPG圖片的，其他類(lèi)型圖片自行改后綴。
代碼如下：
demo
輸出結(jié)果：
2、可以通過(guò)給div元素添加“{background-image:url(圖片名稱(chēng));}”樣式來(lái)設(shè)置背景圖片，代碼如下：
demo
輸出結(jié)果：
到此，相信大家對(duì)“html如何設(shè)置div背景圖片”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！
當(dāng)前名稱(chēng)：html如何設(shè)置div背景圖片
URL標(biāo)題：
http://weahome.cn/article/jjppjs.html
重慶分公司
重慶分公司
