首页 >> 百科精选 >

html设置背景图片居中(html设置背景图片)

2022-12-27 16:42:44 来源: 用户: 

关于html设置背景图片居中,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插入照片的方法介绍:。

本文分享完毕,希望对大家有所帮助。

  免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!

 
分享:
最新文章
大家爱看
频道推荐
站长推荐