本文目录
怎样在HTML里添加背景图片
1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:
2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:
3、接着是用css插入,在div中设置class属性为img2,在script标签中使用background标签插入,其中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:
4、最后给这些标签都设置一些样式,让它们显得美观一些。然后打开浏览器查看效果:
5、打开浏览器,可以看到照片都显示出来了。以上就是html插入照片的方法介绍:
html中在div中加背景图片
html在div加背景图片的具体操作步骤如下:
1、新建一个html文档,编写一个类名等于setbg的div标签。
2、div写上样式,“background: url(bg_main.jpg);”的样式,设置背景图即可。
3、设置了背景图,给div设置高度“height:500px”。
4、设置高度之后,高度和背景图就可以出现。
5、div很多文字,超过了固定高度,会出现背景不会平铺到底部。
6、在设置好的背景后面加个 “repeat”,就可以平铺背景图。
。