AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

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

2023-11-06 990
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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;">


讓丄帝愛伱
目录
相关文章
游客qeoynko2nmbgk
|
前端开发
用html+javascript打造公文一键排版系统3：获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3：获取参数设置、公文标题排版
游客qeoynko2nmbgk
742 0
RossyYan
|
移动开发 JavaScript 前端开发
【Html.js——图片折叠效果】折叠手风琴（蓝桥杯真题-1763）【合集】
本项目实现了一个图片折叠手风琴效果，使用jQuery完成。主要包括以下部分： - **介绍**：任务是通过点击图片实现折叠和展开的效果。 - **准备**：内置初始代码，包含 `css/style.css`、`images/` 文件夹、`js/` 文件夹及 `index.html` 等文件。启动 Web Server 服务可运行项目。 - **目标**：完善 `index.js` 文件，使页面达到预期的折叠效果。 - **规定**：严格按步骤操作，保持默认文件结构不变，并在完成后保持 Web 服务正常访问状态。 - **通关代码**：使用 jQuery 实现点击事件，为选中元素添加 `act
RossyYan
540 19
疯狂的猿
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片，自定义上传头像，自定义输入个人信息内容，自定义图片名称，并将生成的图片保存到本地
疯狂的猿
344 1
利用html2canvas插件自定义生成名片信息并保存图片
疯狂的猿
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片，多图合一并导出下载。无需本地安装软件。 下载时，使用日期时间作为文件名，规避图片文件名相同造成的覆盖问题；也能省去一部覆盖确认操作 多语言支持
疯狂的猿
735 0
在线将多张图片拼接起来图工具HTML源码
热爱技术的小郑
|
前端开发
HTML+CSS基础知识（6）背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集，并通过代码示例和测试结果展示了具体的实现方法和效果。
热爱技术的小郑
418 1
HTML+CSS基础知识（6）背景的设置、表格的设计、表单的设计和框架集
小徐在进步
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性，包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签，用于创建超链接，并展示了如何设置目标页面打开方式。最后，文档还涵盖了如何在网页中嵌入音频和视频文件，包括简化写法及常用属性。
小徐在进步
681 14
龙腾九州
HTML图片
【10月更文挑战第4天】HTML图片。
龙腾九州
257 2
六卿
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载，主要通过将network转换为canvas对象，然后转换为base64编码的图片进行展示和下载。
六卿
313 5
VipSoft
|
Python
Python 下载 html 中的 图片
Python 下载 html 中的 图片
VipSoft
452 2
zcq5jk6y5y5e4
|
Web App开发 编解码 移动开发
HTML页面关于高分屏的设置
HTML页面关于高分屏的设置
zcq5jk6y5y5e4
288 0

热门文章

最新文章

  • 1
    Linux【环境部署 02】yum源镜像下载+挂载镜像+本地yum源配置+局域网yum源服务搭建+局域网yum源使用（一篇学会离线yum源配置）
  • 2
    Html2canvas - 项目中遇到的那些坑点汇总(更新中...)
  • 3
    跨地域的VPC私网互通【高速通道案例】
  • 4
    Qwen2-VL 全链路模型体验、下载、推理、微调实战！
  • 5
    PCIe初始化枚举和资源分配流程分析
  • 6
    浅析阿里云API网关的产品架构和常见应用场景
  • 7
    Java操作wkhtmltopdf实现Html转PDF
  • 8
    通过html2canvas+jspdf将html页面生成PDF下载
  • 9
    创建HTML文件
  • 10
    带给您灵感的25个最新鲜的 HTML5 网站
  • 1
    基于 Cloudflare Workers 构建高性能知识库镜像服务：反向代理与 HTML 动态重写实践
    1726
  • 2
    C#编程实践：解析HTML文档并执行元素匹配
    534
  • 3
    响应式企业网站源码JavaL/PHP带后台管理​：Bootstrap HTML5模板
    1550
  • 4
    精选HTML、JavaScript、ASP代码片段集锦
    568
  • 5
    HTML表单验证：确认input元素输入为具有特定整数和小数位数的数值。
    948
  • 6
    阻止HTML input元素（type='number'）中输入字母'e'的方法。
    536
  • 7
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    3738
  • 8
    Vue 项目中动态添加 HTML 元素的方法与实践
    798
  • 9
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    468
  • 10
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    499

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！