1、首先我们打开sublime text软件,新建一个html页面,然后在在页面中添加html的基本结构
2、然后我们在html的body区域添加一个div,并且给div设置一下宽高以及边框的样式,
3、运行程序以后,你就会看到如下图所示的div区域,我们接下来就要给这个区域添加背景图片
4、然后我们回到html文档,在div的样式规则里面添加background-image属性,给此属性指定一个图片路径,运行以后你就会看到背景图片了
可以使用HTML中的<img>标签将图片添加到div中,只需要给img标签指定图片的路径即可:html
<div>
<img src="你的图片路径" />
</div>
1、在div里面书写了一些文字,然后想要在放入一张图片。
2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。
3、然后通过background给div添加一张图片作为它的背景。
4、通过url()来连接图片,url里面放置的就是背景图片的路径。
5、放一张图片用作背景,注意,路径要写对。
6、保存之后文字就会覆盖在图片的上面了,而如果使用img标签,则没有这种效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)