這篇文章主要講解了“html中設(shè)置背景圖片的方法”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“html中設(shè)置背景圖片的方法”吧！

創(chuàng)新互聯(lián)建站主營(yíng)凌河網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app開發(fā)定制,凌河h5成都小程序開發(fā)搭建,凌河網(wǎng)站營(yíng)銷推廣歡迎凌河等地區(qū)企業(yè)咨詢

html中設(shè)置背景圖片的方法是，在body中添加background-image屬性，并且設(shè)置背景圖片的url即可，例如【background-image:url('');】。

本文操作環(huán)境：windows10系統(tǒng)、html 5、thinkpad t480電腦。

background-image 屬性設(shè)置一個(gè)元素的背景圖像。

元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。

默認(rèn)情況下，background-image放置在元素的左上角，并重復(fù)垂直和水平方向。

常用屬性值：

• url('URL')    圖像的URL

• none    無圖像背景會(huì)顯示。這是默認(rèn)屬性值

• inherit    指定背景圖像應(yīng)該從父元素繼承

代碼示例：

 
 




Hello World!

大家可以自行保存上面的代碼到本地，嘗試運(yùn)行看下效果。

感謝各位的閱讀，以上就是“html中設(shè)置背景圖片的方法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)html中設(shè)置背景圖片的方法這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！