×

html设置背景图片

html设置背景图片(怎样在HTML里添加背景图片)

admin admin 发表于2023-08-25 20:39:30 浏览32 评论0

抢沙发发表评论

本文目录

怎样在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”,就可以平铺背景图。