CSS3 新增属性：背景，阿里架构师深入讲解前端开发

背景属性是CSS3中的一个重要增强，它提供了更多的方法来设置背景图像、颜色以及渐变等。

1. 背景图片:

/* 设置背景图片 */
.element {
  background-image: url('image.jpg');
}

2. 背景渐变:

/* 线性渐变 */
.element {
  background-image: linear-gradient(to right, red , yellow);
}
 
/* 径向渐变 */
.element {
  background-image: radial-gradient(circle, red, yellow, green);
}

3. 背景位置:

/* 设置背景位置 */
.element {
  background-position: center;
}

4. 背景大小:

/* 设置背景大小 */
.element {
  background-size: cover;
}

5. 背景重复:

/* 设置背景重复 */
.element {
  background-repeat: no-repeat;
}

6. 背景属性的简写:

/* 背景的简写 */
.element {
  background: #ffffff url('image.jpg') no-repeat center center;
  background-size: cover;
}

以上代码展示了如何使用CSS3的背景属性，包括设置背景图片、渐变、位置、大小和重复方式。简写形式可以使代码更加紧凑，提高复用性。