给div设置背景图片,div怎么设置背景图片?

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

给div设置背景图片,div怎么设置背景图片?

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

给div设置背景图片,div怎么设置背景图片?

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

给div设置背景图片,div怎么设置背景图片?

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

给div设置背景图片,div怎么设置背景图片?

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注