1、背景:
1. background-color: 设置背景颜色
2.background-image:设置背景图片
-如果背景图片小于元素大小,默认将背景图片平铺来充满元素
-如果背景图片大于元素大小,默认显示图片的左上角
-如果背景图片等于元素大小,背景图片会全部显示出来
可以同时为一个元素设置背景图和背景颜色,这样背景颜色就作为了背景图的底色
3.background-repeat:设置背景图是否平铺
repeat:设置背景图平铺:默认
repeat-x:背景图x轴平铺
repeat-y:背景图y轴平铺
no-repeat:不平铺
2、 backgound-position
backgound-position:x y
设置背景图片出现的位置
-1. x代表水平 y代表垂直
-2. px比如:
0px 0px:表示背景图出现在左上角 默认值
40px 40px:向右偏移40px,向下偏移40px(正偏移)
-40px -40:向左偏移40px,向上偏移40px
-3.x% y%:使用百分比设置背景出现的位置
10% 50%, 向右移动了10%,然后垂直居中
-4 top、center、bottom、left/right
right top:右上角
top:上方水平出现,垂直默认center
3、background-attachment
background-attachment:背景图片的附件属性
常用的两种值
fixed:表示背景图片固定
scrool:表示背景图片随页面滚动
4、background可以写background 的属性:
background-color
background-image
background-repeat
background-position
background-attachment
书写顺序无所谓,数量无所谓,想写几个写几个