标签:背景图像 -o 第一个 css clip over 绘制 ble pac
Css3背景<background>
Css3包含多个新的背景属性,它们提供了对背景更强大的控制。可以自定义背景图的大小,可以规定背景图片的定位区域,css3还允许我们为元素使用多个背景图像
属性 |
描述 |
Css |
Background-image |
规定背景的背景图 |
2 |
Background-position |
规定背景的定位 |
2 |
Background-repeat |
规定背景的重复方式 |
2 |
Background-color |
规定背景的颜色 |
2 |
Background-clip |
规定背景的绘制区域 |
3 |
Background-origin |
规定背景图片的定位区域 |
3 |
Background-size |
规定背景图片的尺寸 |
3 |
Background-size
值 |
描述 |
Length |
设置背景图像的高度和宽度。第一个是宽度,第二是高度,不设置默认值为auto; |
Percentage |
以父元素的百分百来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果值设置一个值,则第二个会被默认为auto |
Cover |
把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 |
Contain |
把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域 |
Background-origin
值 |
描述 |
Padding-box |
背景图片相对于内边距来定位 |
Border-box |
背景图片相对于边框盒来定位 |
Content-box |
背景图像相对于内容框来定位 |
标签:背景图像 -o 第一个 css clip over 绘制 ble pac
原文地址:http://www.cnblogs.com/TzSteady/p/7396844.html