css3新增的背景属性有哪些
CSS3新增了多个背景属性,其中一些常用的背景属性如下:
1. background-size:设置背景图片的尺寸大小,可以设置成具体数值如px或者是百分比等等。
2. background-clip:指定背景图片区域,可选项包括border-box、padding-box和content-box。
3. background-origin:指定背景图片的起始位置,可选项包括padding-box、border-box和content-box。
4. background-attachment:设置背景图片的滚动方式,可选项包括scroll、fixed和local。
5. background-image:设置元素的背景图片,可以设置多个背景图层,多个图层用逗号分开。
6. background-repeat:设置背景图片是否重复,可选项包括repeat、no-repeat、repeat-x和repeat-y。
7. background-position:设置背景图片的位置,可选的定位单位有:px、em、百分比等等。
8. background-color:设置元素的背景颜色。
9. background-attachment:控制背景图像是否固定或者随着页面的其余部分滚动。
这些新增的背景属性可以更加丰富和灵活的制作元素的背景效果,并且可以使用CSS3的一些特性比如渐变、细胞垂直等等来创建更加独特的背景。在实际开发中,需要根据设计要求来选择合适的背景属性。