div怎么设置背景图片？

1、首先我们打开sublimetext软件，新建一个html页面，然后在在页面中添加html的基本结构；

2、然后我们在html的body区域添加一个div，并且给div设置一下宽高以及边框的样式；

3、运行程序以后，你就会看到的div区域，我们接下来就要给这个区域添加背景图片；

4、然后我们回到html文档，在div的样式规则里面添加background-image属性，给此属性指定一个图片路径，运行以后你就会看到背景图片了。

div是html中的基础元素之一，运用div的时候，为了美观经常会给它添加背景图片。下面我就给大家分享一下如何给div添加背景图片。

工具/材料

Sublime Text

01

首先我们打开sublime text软件，新建一个html页面，然后在在页面中添加html的基本结构，如下图所示

02

然后我们在html的body区域添加一个div，并且给div设置一下宽高以及边框的样式，如下图所示

03

运行程序以后，你就会看到如下图所示的div区域，我们接下来就要给这个区域添加背景图片

04

然后我们回到html文档，在div的样式规则里面添加background-image属性，如下图所示，给此属性指定一个图片路径，运行以后你就会看到背景图片了

div右上角添加背景色步骤：

1、div右上角背景颜色添加可在鼠标移入时，通过backgroundcolor属性设置背景颜色。

2、从右上角和左下角同时向中间填充颜色，直至到中间部分两边重合，颜色填充完毕即可完成右上角添加背景色。

---