css background 用法

CSS的background属性用于设置元素的背景样式，包括背景颜色、背景图片、背景位置、背景大小、背景平铺方式等。

以下是background属性的用法示例：

1. 设置背景颜色：

background-color: #ff0000; /* 设置背景颜色为红色 */

2. 设置背景图片：

background-image: url("image.jpg"); /* 设置背景图片为image.jpg */

3. 设置背景位置：

background-position: center; /* 设置背景图片居中显示 */

4. 设置背景大小：

background-size: cover; /* 设置背景图片按比例缩放以填充整个元素 */

5. 设置背景平铺方式：

background-repeat: no-repeat; /* 设置背景图片不平铺 */

6. 设置背景绘制区域：

background-origin: content-box; /* 设置背景绘制区域为内容框 */

7. 设置背景裁剪区域：

background-clip: padding-box; /* 设置背景裁剪区域为内边距框 */

8. 设置背景图像是滚动还是固定：

background-attachment: fixed; /* 设置背景图像固定不随滚动条滚动 */

综合应用示例：

background: #fff url("image.jpg") center/50% no-repeat fixed content-box padding-box;