CSS Background 使用专题

掌握 background 属性,轻松打造美观网页背景效果

什么是 background?

在 CSS 中,background 是一个复合属性,用于设置元素的背景。它可以控制背景颜色、背景图片、是否重复、定位方式、尺寸等。

常用 background 子属性

示例代码

/* 纯色背景 */
body {
  background-color: #eef2f7;
}

/* 背景图片不重复并居中 */
.hero {
  background-image: url('hero-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
iPhone 11 广角拍照人像变形问题详解 | 原理解析与拍摄建议 it、one 和 that 的区别与用法详解 | 英语语法专题 Hold an Attitude To — 拥抱态度,定义人生 英语“ed”发音规则详解 - 轻松掌握过去式与过去分词发音 CheapAir – Find the Cheapest Flights & Save Big on Airfare Intent Doing Something:探索意图与行动之间的心理机制 "ihavenoidea" 翻译与含义解析 - 常见英文短语中文对照 A Happy Night - 拥抱夜晚的快乐时光 Open Up Our Eyes - 拓宽视野,看见更广阔的世界 Microsoft Edge 浏览器 - 更快、更安全、更智能的上网体验 iPhone触屏乱跳问题解决指南 | 原因与修复方法大全 Sleeces:探索舒适与风格的完美融合 Gage 翻译 - 专业多语言翻译服务 | 快速、准确、可靠 Appreciate doing 与 to do 的区别与用法详解 The Importance of Education | Empowering Minds, Shaping Futures Joseph Filippi 红酒 - 意大利托斯卡纳经典佳酿 Eagle 的意思 - 鹰的象征、文化与语言解析 亚麻油地材(Linoleum)图片大全 | 环保地板灵感与设计 John Elliott x Nike Air Force 1 联名系列 | 时尚球鞋专题 When He Grows Up – A Journey from Childhood Dreams to Adulthood In One's View — 探索多元视角与个人见解 Persistent 翻译详解 - 持久、坚持不懈的英文释义与用法 英语词缀“-ed”详解 | 动词过去式与过去分词规则全解析 iPhone无网络连接?快速排查与解决方法大全 Edges 翻译 - 专业多语言翻译服务 xiPhone是什么意思?全面解析网络热词“xiPhone”的由来与含义 She Has Gone To — 追忆与前行 “Reducing”怎么读?发音、音标与用法详解 refine 和 improve 的区别 | 英语词汇辨析专题 如何有效防止某事发生:实用技巧与策略指南 亨氏(Heinz)——经典番茄酱与全球美味的传承 Go This Street - 探索城市街巷的魅力 it、one、that 的区别详解 - 英语语法专题 人与动物:和谐共生的美好世界 EDGM浏览器 - 极速、安全、轻量的下一代网页浏览器 POIs(兴趣点)探索指南 - 发现身边的精彩地点 The General – A Timeless Icon of Rail and Heritage Frog in the Fog – A Mysterious Amphibian Journey Position 的常用短语大全 | 英语学习专题 Onshape市场发展分析 | 云端CAD的未来趋势 含有“ed”的英文单词大全 - 学习与探索 Home Assistant 入门指南 - 打造你的智能家居中枢 iPhone打不开蓝牙怎么回事?原因分析与解决方法 iPhone 11怎么隐藏应用?详细教程与技巧分享 Horizonally - 探索水平世界的无限可能 Attention读音 - 英式与美式发音详解 | 在线英语发音指南 Attention Be Paid To — 关注那些值得你注意的事 HomePod mini 是什么?全面解析苹果智能音箱 iPhone 8 Plus 内存多大?详细参数与使用体验 - 全面解析 "In Person" 英语解释与用法详解 | 实用英语短语指南 The Judgement - 探索审判、正义与抉择 At, In, On, The Corner — 英语介词用法专题指南 Reduce - English Translation, Meaning & Usage Guide 小偷试图逃跑 - 悬疑故事专题 ISE中ChipScope介绍 - Xilinx FPGA调试利器 knowledge什么意思?全面解析“knowledge”的含义与用法 deduce词根词缀解析 - 英语词汇记忆技巧 Page 的释义 | 探索“页面”的多重含义与应用场景 Anticipate 短语用法详解 | 英语学习专题 iPhone 11 前置摄像头像素详解 | 高清自拍体验 Graige - 探索灰调美学与创意灵感 Edge 32位 APK 旧版本下载 - 兼容低配安卓设备的轻量浏览器 中华美食专题 | 探索中国八大菜系与经典菜肴 Enderse - 探索未知的数字世界 Notices 读音 - 英文单词发音、释义与例句详解 海豚世界 - 探索聪明友善的海洋精灵 What Is a Condition Precedent? | Legal Term Explained BeegoBee - 探索高效、轻量的Go Web开发框架 Chipset设置详解 - 主板芯片组配置指南 iPhone 17 Pro 运行内存多大?最新配置与性能解析 Fire on Fire - 燃烧的热情与力量 三菱Profinet模块 - 高性能工业通信解决方案 Everything on 标语 — 汇聚创意与力量的口号世界 iPhone 视频变慢动作教程 | 轻松制作专业级慢动作视频 人类·人·People - 探索人性、社会与个体的多样性 Deduce 翻译成中文:推断、演绎与推理详解 chino怎么读?正确发音、意思及常见用法详解 Recognise 名词详解 | 含义、用法与例句 Join in the Party - 一起加入狂欢派对! iPhone XR现在多少钱?2026最新价格行情与购买指南 EDD英语 - 轻松高效学英语,提升听说读写能力 iPhone蓝牙打不开?常见原因及解决方法大全 Windows PE 启动指南 | 轻量级系统救援与部署工具 Endured - “Endure” 的过去分词详解与用法 iPhone未接入互联网怎么解决?常见原因与修复方法 For Benefit Of - 探索利他、公益与共享价值 Redeem - 兑换中心 | 快速安全地兑换您的奖励 关注每一个细节 — 从微小处成就卓越 ed读/t/和/d/规则详解 - 英语发音技巧专题 《The Prince》电影专题 - 动作犯罪片经典回顾 Joseph红酒 - 品味源自匠心的法式佳酿 There Is a Pen on the Desk – A Simple Story of Everyday Objects 高效完成作业指南 - 提升学习效率的实用技巧 while 与 when 的区别详解 | 英语语法专题 I Sleep on the Bed - 舒适睡眠指南与床的奇妙世界 日版 iPhone XR 优缺点全面解析 | 购机指南 美味鸡肉全攻略 - 营养、做法与文化 Feed 的翻译与用法详解 | 多义词解析专题 钢琴谱大全 - 免费下载与在线学习经典及流行钢琴曲谱 Microsoft Edge 浏览器手机版下载 - 安全快速的移动浏览器