CSS的背景(background属性)

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);

猜你喜欢

转载自blog.csdn.net/u014301409/article/details/113057735