首页 > 优选经验 > 正文

html如何设置背景图片(2024年html设置背景图片)

来源:优选经验2024-02-21 05:51:02
导读 今天芳芳来为大家解答以上的问题。html如何设置背景图片,2024年html设置背景图片相信很多小伙伴还不知道,现在让我们一起来看看吧!1、插入...

今天芳芳来为大家解答以上的问题。html如何设置背景图片,2024年html设置背景图片相信很多小伙伴还不知道,现在让我们一起来看看吧!

1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。

2、具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:3、接着是用css插入,在div中设置class属性为img2,在script标签中使用background标签插入,其中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:4、最后给这些标签都设置一些样式,让它们显得美观一些。

3、然后打开浏览器查看效果:5、打开浏览器,可以看到照片都显示出来了。

4、以上就是html插入照片的方法介绍:。

本文就为大家分享到这里,希望小伙伴们会喜欢。

关键词:
版权声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

最新文章