background属性如下:
属性 | 作用 | 值 | 例 |
background-color | 设置背景颜色 | rgb/16进制/color | div{background-color: red} |
background-image | 设置背景图片 | url(图片路径) | div{background-image: url(xxxx.png)} |
background-repeat | 设置背景是否重复展示 | repeat/repeat-x/repeat-y/no-repeat | div{background-repeat: repeat-x} |
background-position | 设置背景图片的位置 | background-position: x y; 可以是具体数值也可以是方位名词;当是方位名词: x y 等价y x 即没有顺序之分;当含有具体数值顺序一定是x y;当只写一个则默认的那个为center | div{background-position:10% center} |
background-attachment | 设置背景是否滚动 | scroll:背景随着内容滚动发生滚动;fixed:背景固定不会随着内容滚动而滚动;默认为scroll | div{background-attachment: fixed} |
设置背景透明度 | 设置背景的透明度 | background: rgba(0,0,0,0.x) | div{background: rgba(0,0,0,0.2)} |
缩写 | 缩写没有先后顺序 | div{background: red url(xxxx) no-repeat fixed 10px 10px} |