div怎麼設置背景圖片

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

工具/材料

Sublime Text

操作方法

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

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

運行程序以後，你就會看到如下圖所示的div區域，我們接下來就要給這個區域添加背景圖片

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