HTML设置图片为页面背景

全栈程序员-站长 • 2022年4月30日下午8:20 • 未分类 • 阅读 58

HTML设置图片为页面背景HTML设置图片为页面背景：问题：在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置为页面背景？方法：在<body>中使用background以及style来设置例：在这里我把html格式的文件和jpg格式的图片文件都放到了桌面上<html><head> <metacontent=”text/html”charset=”UTF-8″> <title>HTML设置图片为页面背景</

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

HTML设置图片为页面背景：

问题：

在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置为页面背景？

方法：

在< body >中使用background以及style来设置

例：

在这里我把html格式的文件和jpg格式的图片文件都放到了桌面上
在这里插入图片描述

<html>
         <head>
	<meta content="text/html" charset="UTF-8">
	<title>HTML设置图片为页面背景</title>
         </head>
         <body background="夕阳余晖.jpg" style="background-repeat:no-repeat  background-attachment:fixed;  background-size:100% 100%; ">
         </body>
</html>

运行结果演示：
在这里插入图片描述

代码解释：

background=".../...jpg'"

双引号中的值为存放图片的路径

background-repeat:no-repeat;

设置图片不重复显示

background-attachment:fixed;

设置图片的位置固定

background-size:100% 100%;

设置图片达到窗口100%的比例

以上便是HTML中不使用CSS盒模型的情况下，怎么设置一张图片为页面的背景

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

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/132486.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

一切从现在开始

大一马上就结束了，有一些收获，但是与自己期望的还是有很大的差距，自己反思的话是执行力不够，今天在csdn上又看到了一些很有励志意义的博客，很有动力，我会努力的。跟着前辈们的足迹，我要继续走下去了，在程序员这条路上吧，虽然学的是物联网，但是对编程很感兴趣，暂时顶下自己的方向就是程序员了。这学期学习了c++，虽然寒假里就自学了，但是再看一遍的收获还是很大的。马上就考试了，先不长篇大论，这就

全栈程序员-站长
2022年3月11日
postman调试rpc接口

postman调试rpc接口使用postman测试RPC接口PostMan如何调用RPC接口（postman下载）PostMan如何调用RPC接口接口调试之Postman使用方法详解

全栈程序员-站长
2022年10月13日
服务器中心地址,互联网时间同步服务器地址（国家授时中心服务器）[通俗易懂]

服务器中心地址,互联网时间同步服务器地址（国家授时中心服务器）[通俗易懂]中新创科技研制开发的DNTS，Windowstime服务用于和Internet同步系统时间。xp自带的时间同步服务器老是会连不上，这里就教大家换成中科院国家授时中心的服务器。中国国家授时中心的时间服务器IP地址及时间同步方法大家都知道win7旗。用来同步电脑的时间的服务器、DNTS。为更好的满足用户的需求。网络授时服务器的域名为ntp。同步就方便多了，然后键入w32tmregister正确的响应为…

全栈程序员-站长
2022年7月16日
python做微信回复机器人_微信自动回复机器人免费版

python做微信回复机器人_微信自动回复机器人免费版还记得“人人”火的时候，有个小黄鸡很有名，可以不知疲倦地和你聊上一整天，而且各种搞怪金句频出，让人欲罢不能。如今人人已经成为“人人直播-高颜值品质直播平台”了（往事不堪回首啊），微信却火地一塌糊涂，那么如何在微信上做一个有趣的小黄鸡功能呢？还好我们有Python。Lifeisshort,sousepython.不得不承认Python真的是一种神奇的语言，常常带给人很多惊喜。不到30行代码便可

全栈程序员-站长
2022年10月1日
redis集群相关资料

redis集群相关资料

全栈程序员-站长
2021年9月14日
python—pyquery

python—pyqueryPyQuery"""强大又灵活的网页解析库pipinstallpyquery官方文档http://pyquery.readthedocs.io/API风格和前段jquery相似"""初始化字符串初始化html=”’<div><ul><liclass="item-0">first

全栈程序员-站长
2022年6月1日

发表回复

关注全栈程序员社区公众号