HTML设置图片为页面背景

简介: HTML设置图片为页面背景

HTML设置图片为页面背景:


问题:


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

方法:


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

例:

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

image.png

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

运行结果演示:

image.png

代码解释:


background=".../...jpg'"
• 1

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

background-repeat:no-repeat;
• 1

设置图片不重复显示

background-attachment:fixed;
• 1

设置图片的位置固定

background-size:100% 100%; 
• 1

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

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

相关文章
|
26天前
使用HTML编写注册页面
使用HTML编写注册页面
12 1
|
1月前
|
数据采集 前端开发 JavaScript
html 页面里 noscript 标签的作用介绍
html 页面里 noscript 标签的作用介绍
30 0
|
1月前
|
Web App开发 前端开发 JavaScript
编程笔记 html5&css&js 004 我的第一个页面
编程笔记 html5&css&js 004 我的第一个页面
|
2月前
|
应用服务中间件
Tomcat8.5访问HTML页面出现乱码
Tomcat8.5访问HTML页面出现乱码
39 0
Tomcat8.5访问HTML页面出现乱码
|
3月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
27天前
|
移动开发
uni-app使用v-html输出富文本图片溢出解决
uni-app使用v-html输出富文本图片溢出解决
39 1
|
3天前
在线拼接图片工具HTML源码
在线将多张图片拼接成一张图片,多图合一并导出下载。 无需本地安装软件。 下载时,使用日期时间作为文件名, 规避图片文件名相同造成的覆盖问题;也能省去一部覆盖确认操作 多语言支持
4 0
在线拼接图片工具HTML源码
|
12天前
错误或拦截页面的html代码
错误或拦截页面的html代码
14 0
错误或拦截页面的html代码
|
21天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
21 0
|
1月前
六个好看实用的html简单登录页面源码
六个好看实用的html简单登录页面源码
22 0
六个好看实用的html简单登录页面源码