CSS 背景属性用于定义HTML元素的背景。
值 | 说明 | CSS |
---|---|---|
background-color | 指定要使用的背景颜色;十六进制:"#ff0000",RGB :"rgb(255,0,0)",颜色名称:"red" | 1 |
background-position | 设置背景图像的起始位置;默认值:0% 0%;可取值:left top...;x% y%;0px 0px;inherit(父元素继承) | 1 |
background-size | 指定背景图片的大小;默认值:auto;可取值:length(高度和宽度)|percentage(高度和宽度) |cover(保持图像的纵横比的最小大小)|contain(保持图像的纵横比最大大小); | 3 |
background-repeat | 指定如何重复背景图像;水平重复:background-repeat:repeat-x,不重复background-repeat:no-repeat; | 1 |
background-origin | 指定背景图像的定位区域;默认值:padding-box(填充框的相对位置);border-box(边界框的相对位置), content-box(对位置的内容框) | 3 |
background-clip | 指定背景图像的绘画区域;默认值:border-box:绘制在边框方框内(剪切成边框方框)。; padding-box:绘制在衬距方框内(剪切成衬距方框),content-box:绘制在内容方框内(剪切成内容方框) | 3 |
background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动;默认值:scroll;fixed(固定), local(随元素内容滚蛋),initial(属性为它的默认值),inherit(继承父元素) | 1 |
background-image | 指定要使用的一个或多个背景图像;默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. | 1 |
注意:
1、background-Origin属性指定background-position属性应该是相对位置,background-attachment是"固定fixed",这个属性没有任何效果。
2、background可以设置的属性分别是:background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。
各值之间用空格分隔,不分先后顺序。可以只有其中的某些值