背景background
它有以下几种:
属性 | 属性作用 | 值 |
---|---|---|
background-color | 背景颜色 | color |
background- images | 背景图片 | url(1.png) |
background-repeat | 背景平铺方式 | repeat(整个平铺) 、noreoeat(不平铺)、repeat-x(横向平铺)、repeat-y(纵向平铺) |
background-position(x,y) | 图片位置 | top,bottom,left,right,center (如果只写一个方位值,则另一个默认居中);除了给方位值还可以给具体的像素值,代表离盒子左上角的距离,但是有顺序一定是先X后Y |
background-attachment | 设置或检索背景图像是随对象内容滚动还是固定的 | scroll(默认):滚动;fixed:固定 |
背景连写
顺序如下:
background:背景颜色 背景文件地址 背景平铺 背景固定 背景位置
background: color url() repeat attchment position ;
没有强制要求顺序
背景透明(CSS3)
background:rgba( );<!-- r:red;g:green;b:blue;a:alpha(透明度,取值范围值0~1); -->