CSS3 新增属性：背景

CSS3中的背景相关属性包括：background-size, background-origin, background-clip。

1. background-size: 用于指定背景图片的尺寸，可以设置为具体的宽高值，或者使用百分比，还可以设置为cover和contain。

/* 指定背景图片的大小 */
div {
  background-image: url('image.jpg');
  background-size: 100px 150px; /* 宽度100px，高度150px */
}
 
/* 使用百分比 */
div {
  background-size: 50% 75%;
}
 
/* 保持图片的宽高比，缩放图片直到背景图片完全覆盖元素 */
div {
  background-size: cover;
}
 
/* 保持图片的宽高比，缩放图片直到内容完全可见 */
div {
  background-size: contain;
}

2. background-origin: 用于设置背景图片的定位区域，可以设置为border-box, padding-box, 或 content-box。

/* 背景图片定位于元素的边框框以内*/
div {
  background-origin: border-box;
}
 
/* 背景图片定位于元素的内边距框以内*/
div {
  background-origin: padding-box;
}
 
/* 背景图片定位于元素的内容框以内*/
div {
  background-origin: content-box;
}

3. background-clip: 用于设置背景的裁剪区域，同样可以设置为border-box, padding-box, 或 content-box。

/* 背景裁剪于元素的边框框以内*/
div {
  background-clip: border-box;
}
 
/* 背景裁剪于元素的内边距框以内*/
div {
  background-clip: padding-box;
}
 
/* 背景裁剪于元素的内容框以内*/
div {
  background-clip: content-box;
}

以上是CSS3中关于背景的三个新属性，它们可以用来实现更为复杂和灵活的背景样式。