【css的背景属性】

css的背景属性

• 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等
• 背景颜色
• 背景图片
• 背景平铺
• 背景位置
• 背景图像固定
• 背景复合写法
• 背景色半透明

---

一、背景颜色

语法格式：

background-color :颜色值

颜色的默认值是：transparent(透明）

二、背景图片

语法格式：

background-image :none/url();

属性说明：

属性	说明
none	无背景
url()	图片绝对相对路径

三、背景平铺

语法格式：

background-repeat :属性

背景平铺的默认值是平铺：repeat

属性说明：

属性	说明
repaet	平铺
no-repeat	不平铺
repeat	沿y轴平铺
repeat-x	沿x轴平铺

四、背景位置

语法格式：

background-position: x,y;

背景位置表示用方位名词;
x和y代表坐标，可以使用方位名词或精确单位

参数值	说明
length	百分数/由浮点数字和单位标识符组成的长度值
position	top/center/buttom/left/right

1.参数是方位名词

• 前后顺序并不改变其所在位置
• 若只指定一个方位名词，则另一个默认垂直居中显示

2.参数是精确单位

• 如果只指定一个位置，则为x,另一个为垂直居中

3.参数是混合单位

• 混合单位指可以同时采用1和2，即1和2可以混合使用

五、背景图像固定

background-attachment :scroll/fixed;

背景图像固定是针对背景位置所阐述

六、背景复合写法

background:颜色、图片地址、平铺、图像滚动、图片位置

注意：背景属性采用复合写法时应该按顺序依次使用

七、背景色半透明

background:rgba(0,0,0,0.3);

背景色半透明一共4个参数，最后一个参数是alpha透明度，取值范围在0~1之间