CSS3复合属性：简化样式编程

CSS3是一种用于定义网页样式的标准，它引入了许多新的特性和属性，其中之一就是复合属性。复合属性是一种将多个单一属性组合在一起的方式，以简化样式编程。通过使用复合属性，我们可以更高效地编写样式规则，减少代码量并提高代码可读性。本文将介绍CSS3中的一些常见复合属性，并提供相应的源代码示例。

1. 边框属性（border）

边框属性是一种用于定义元素边框样式、宽度和颜色的复合属性。它包括border-width（边框宽度）、border-style（边框样式）和border-color（边框颜色）这三个单一属性。下面是一个示例：

.border-example {
   
   
  border: 1px solid red;
}

上述代码将为类名为.border-example的元素设置一个1像素宽的红色实线边框。

2. 背景属性（background）

背景属性是一种用于定义元素背景图像、颜色和平铺方式的复合属性。它包括backgroun