div怎麼設定背景圖片

div是html中的基礎元素之一，運用div的時候，為了美觀經常會給它新增背景圖片。下面小編就給大家分享一下如何給div新增背景圖片。

工具/材料

Sublime Text

操作方法

首先我們開啟sublime text軟體，新建一個html頁面，然後在在頁面中新增html的基本結構，如下圖所示

然後我們在html的body區域新增一個div，並且給div設定一下寬高以及邊框的樣式，如下圖所示

執行程式以後，你就會看到如下圖所示的div區域，我們接下來就要給這個區域新增背景圖片

然後我們回到html文件，在div的樣式規則裡面新增background-image屬性，如下圖所示，給此屬性指定一個圖片路徑，執行以後你就會看到背景圖片了