背景属性

CSS 的背景属性用于控制元素的背景表现，包括颜色、图片、位置、大小和是否重复等。

1. 背景颜色（background-color）

设置元素背景颜色：

background-color: #f0f0f0;

2. 背景图片（background-image）

为元素设置背景图片：

background-image: url("bg.jpg");

3. 背景位置（background-position）

控制背景图片的位置：

background-position: center;
background-position: 10px 20px;

4. 背景大小（background-size）

控制背景图片的大小：

background-size: cover; /* 充满容器 */
background-size: contain; /* 保持比例完整显示 */
background-size: 100px 50px; /* 指定宽高 */

5. 背景重复（background-repeat）

控制背景图片是否重复：

background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: repeat;

背景属性示例

示例无法以 iframe 加载（请检查路径或将 demo 放到 public/）。