前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html设置网页背景图片大小_html背景图片显示不全

html设置网页背景图片大小_html背景图片显示不全

作者头像
全栈程序员站长
发布2022-11-10 16:44:22
6.4K0
发布2022-11-10 16:44:22
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

html背景图片设置大小的方法:首先新建HTML页面,给标签设置背景图片;然后给body标签设置【background-size】属性;最后在div标签设置宽高即可。

b04059f095c2e69110e2a9a1437d3b0e.png
b04059f095c2e69110e2a9a1437d3b0e.png

本教程操作环境:windows7系统、HBuilderX.3.0.5版,DELL G3电脑。

html背景图片设置大小的方法:

1、其实大多数的HTML编辑器操作都是一样的,今天我就以Hbuilder来讲解,首先新建一个HTML页面,这里命名为“new_file.html”。

2、接着给标签设置背景图片,这里小编设置的是

标签。

457bc295446a7c0748865c33dcddd37d.png
457bc295446a7c0748865c33dcddd37d.png

3、接着新建一个css文件,如图,小编命名为“1.css”。

294f8d5a8adc1695ca1e95749e3dc7a7.png
294f8d5a8adc1695ca1e95749e3dc7a7.png

4、这里给body标签设置background-size属性,如果你的标签是div就写div,然后可以设置宽度和高度。

1c19c301171e8865de64d75f333341d3.png
1c19c301171e8865de64d75f333341d3.png

5、如图所示,在new_file.html里面写上这个:就可以设置背景图片的大小了。

64a6e503adc6e0e2d8cf58251bc5c9d0.png
64a6e503adc6e0e2d8cf58251bc5c9d0.png

6、最后在浏览器中预览一下,这里只是部分背景。

55649c190eb22f8cec15dc6e30856f00.png
55649c190eb22f8cec15dc6e30856f00.png

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/188759.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年9月27日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档