CSS3 提供了丰富的背景样式和属性，允许开发者更灵活地设计页面元素的背景。以下是一些常见的 CSS3 背景属性：

1. 背景颜色（background-color）： 定义元素的背景颜色。
    background-color: #e0e0e0;

2. 背景图片（background-image）： 设置元素的背景图像。
    background-image: url('background.jpg');

3. 背景重复（background-repeat）： 指定背景图片的重复方式，可以是水平重复、垂直重复、或者不重复。
    background-repeat: repeat-x;

4. 背景位置（background-position）： 定义背景图片的位置。
    background-position: center top;

5. 背景大小（background-size）： 设置背景图片的大小，可以是具体的像素值、百分比，或者关键字值如 cover 或 contain。
    background-size: cover;

6. 背景固定（background-attachment）： 指定背景图片是否固定或者随页面滚动。
    background-attachment: fixed;

7. 多重背景（multiple backgrounds）： 允许一个元素同时设置多个背景图像，并可以为每个背景图像定义其各自的属性。
    background-image: url('bg1.jpg'), url('bg2.jpg');
    background-position: left top, right bottom;
    background-repeat: no-repeat, repeat-x;

8. 线性渐变背景（linear-gradient）： 创建线性渐变效果作为背景。
    background: linear-gradient(to right, #ffcc00, #ff99cc);

9. 径向渐变背景（radial-gradient）： 创建径向渐变效果作为背景。
    background: radial-gradient(circle, #ffcc00, #ff99cc);

这些属性可以单独使用，也可以组合在一起，以实现各种各样的背景效果。通过巧妙地运用这些属性，你可以为网页元素创建出丰富多彩的背景，增强页面的视觉吸引力。


转载请注明出处：http://www.zyzy.cn/article/detail/12560/CSS