background 是什么意思？

在网页开发中，background 是 CSS（层叠样式表）中的一个核心属性，用于设置 HTML 元素的背景样式。它可以控制背景颜色、背景图片、背景重复方式、背景位置、背景尺寸等。

基本语法

background 是一个简写属性，可以同时设置多个背景相关的子属性：

background: [color] [image] [repeat] [attachment] [position] / [size];

常用子属性说明

• background-color：设置背景颜色，如 background-color: #ffffff;
• background-image：设置背景图片，如 background-image: url('bg.jpg');
• background-repeat：控制图片是否重复，如 no-repeat、repeat-x 等
• background-position：设置背景图片的位置，如 center、top left
• background-size：设置背景图片的尺寸，如 cover、contain、100% 100%

示例代码

/* 设置纯色背景 */
body {
  background-color: #f0f0f0;
}

/* 设置不重复的居中背景图 */
.header {
  background: url('header-bg.jpg') no-repeat center/cover;
}

总结

background 是网页美化和布局中不可或缺的 CSS 属性。合理使用它可以让页面更具视觉吸引力，同时提升用户体验。