CSS3设置多个背景、背景渐变、指定背景大小,CSS3规范中定义的背景属性有:
属性名 | 可能的值 | 默认值 |
---|---|---|
background | 是一种简写方式:bg-image || bg-position || / bg-size || repeat-style || attachment || bg-origin,最后一个背景层可以设置background-color | |
background-attachment | scroll | fixed | local | scroll |
background-clip | border-box | padding-box 表示背景渲染的方法:padding box表示背景在padding box内渲染;border-box表示背景在border-box内渲染 | border-box |
background-color | <color> | transparent |
background-image | image | none 可以设置多个背景图,以逗号(,)分隔开。none也代表一个背景层 | none |
background-origin | border-box | padding-box | content-box 背景相对的位置,相对于上面3个值中的一个。 | padding-box |
background-position | % length top right bottom left center 这些属性的设置方法跟以前类似 | 0% 0% |
background-repeat | repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2} 平铺方式 | repeat |
background-size | [length | % | auto ]{1,2} | cover | contain 设置背景的大小。contain表示按比例缩放占据最大高度或者宽度的背景;cover表示铺满整个背景。 | auto |