CSS中设置背景的7个属性及简写background注意点

CSS中设置背景的7个属性包括：

1. background-color：设置背景颜色。
2. background-image：设置背景图片。
3. background-repeat：设置背景图片是否和如何重复。
4. background-position：设置背景图片的位置。
5. background-size：设置背景图片的大小。
6. background-clip：设置背景的裁剪区域。
7. background-origin：设置背景图片的定位原点。

简写属性background可以同时设置这些属性，例如：

background: #ff0000 url(image.jpg) no-repeat left top / cover content-box content-box;

简写时的顺序为：

background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] [background-size] [background-clip] [background-origin];

注意点：

• 简写时，如果不设置某个值，其默认值将会应用（例如repeat、scroll、top left、auto等）。
• background-size 和 background-position 可以使用 / 分隔，background-position 在 / 前设置表示背景图片的定位，在 / 后设置表示背景图片的大小。
• 如果只设置 background-size 而不设置 background-position，则 background-position 默认为 center。
• 如果省略 background-repeat，则默认为 repeat。