CSS的背景(background属性)
背景的作用
css背景图片和插入图片的区别
为css背景属性给页面添加背景样式
1背景颜色
background-color:
2背景图片
Background-img:url();
有图片设置背景颜色无效
3背景平铺
background-repeat
值 | 描述 |
---|---|
repeat | 默认,平铺 |
no-repeat | 不平铺 |
repeat-x | 水平平铺 |
repeat-y | 垂直平铺 |
4背景位置(重点)
position
参数 | 值 |
---|---|
length | 百分数浮点数字和单位标识符组成的长度值 |
position | top| center|bottom|left|right| |
例子
background-position:left top;
background-position:right bottom;
/*使用方位名词没有顺序关系
如果只指定一个方位名词,则另一个默认居中
*/
如果使用数值则为x坐标
background-position:10px
如果指定的两个值混用,则第一个值为x 第二个值为y
5背景附着
说明背景是滚动还是固定的
background-attachment
参数 | 解释 |
---|---|
fixed | 固定 |
scrool | 随对象滚动 ,默认 |
6背景综合 background
background:属性值书写顺序官方没有强制标准
推荐写法:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
7背景透明
Background:rgba(r,g,b,a);