css background属性

作者：迎着风飛行こ发布日期:2025-12-28 浏览:95

/* 示例代码：使用background属性设置背景颜色和背景图片 */

/* 设置背景颜色 */
body {
  background: #f0f0f0; /* 设置背景颜色为浅灰色 */
}

/* 设置背景图片 */
header {
  background: url('image.jpg') no-repeat center center; /* 使用背景图片，并设置不重复、居中显示 */
  background-size: cover; /* 背景图片覆盖整个元素 */
}

/* 组合使用背景颜色和图片 */
section {
  background: #ffffff url('pattern.png') repeat; /* 设置背景颜色为白色，并使用平铺的背景图片 */
}

解释说明：

background 属性是一个复合属性，可以同时设置多个背景相关的样式，如背景颜色 (background-color)、背景图片 (background-image)、背景重复方式 (background-repeat)、背景位置 (background-position) 等。
在示例中，我们展示了如何单独或组合使用这些属性来创建不同的视觉效果。

上一篇：菜鸟css

下一篇：css 背景