CSS3 新增的背景属性 - background 在前端开发中的应用

CSS3 是 Cascading Style Sheets（层叠样式表）的最新版本，它引入了许多新的特性和功能，使得前端开发更加灵活和强大。其中，background（背景）属性是一个重要的新增属性，它提供了丰富的选项，用于控制元素的背景样式和外观。本文将详细介绍 background 属性的各种用法，并提供相应的源代码示例。

1. 背景颜色（background-color）

background-color 属性用于设置元素的背景颜色。可以使用颜色名称、十六进制值或 RGB 值来指定颜色。

.example {
   
  background-color: #ff0000;
}

2. 背景图片（background-image）

background-image 属性可以用于设置元素的背景图片。可以指定一个图片的 URL，也可以使用 linear-gradient() 或 radial-gradient() 函数创建渐变背景。

.example