html中设置背景图片不重复不平铺只显示一张图片

简介: html中设置背景图片不重复不平铺只显示一张图片

背景图片不重复不平铺,可以这样设定背景:

  1. <body style="background-image: url("图片文件地址"); background-attachment: fixed;"> 这样背景图片就会固定住,不会因页面滚动而重复。
  2. 使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
  3. 两者结合:<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">


相关文章
|
2月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
13天前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
30 1
利用html2canvas插件自定义生成名片信息并保存图片
|
1月前
HTML图片
【10月更文挑战第4天】HTML图片。
27 2
|
2月前
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
37 5
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
50 13
|
3月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
3月前
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片,多图合一并导出下载。无需本地安装软件。 下载时,使用日期时间作为文件名,规避图片文件名相同造成的覆盖问题;也能省去一部覆盖确认操作 多语言支持
44 0
在线将多张图片拼接起来图工具HTML源码
|
3月前
|
Python
Python 下载 html 中的 图片
Python 下载 html 中的 图片
31 2
|
3月前
|
Web App开发 编解码 移动开发
HTML页面关于高分屏的设置
HTML页面关于高分屏的设置
61 0
|
3月前
|
Web App开发 编解码 移动开发
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式

热门文章

最新文章