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盒模型的情况下,怎么设置一张图片为页面的背景

相关文章
|
1月前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
37 1
利用html2canvas插件自定义生成名片信息并保存图片
|
27天前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
50 11
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
47 2
|
20天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
34 0
|
2月前
HTML图片
【10月更文挑战第4天】HTML图片。
28 2
|
2月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
69 0
|
2月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天
|
2月前
|
数据可视化 小程序 JavaScript
DIYGW可视化快速生成VUE3静态html页面
DIYGW可视化快速生成VUE3静态html页面
48 0