设置元素的背景:
使用background-color属性设置元素背景颜色
如果不设置背景颜色,元素默认背景颜色为透明
使用background-image为元素指定背景和图片,要使用url参数指向外部图片的路径
元素背景图片的重复方式可以用background-repeat来控制
可选值:
repeat:默认值,图片左右上下平铺
no-repeat:只显示图片一次,不会平铺
repeat-x:沿x轴水平平铺一张图片
repeat-y:沿y轴水平平铺一张图片
若想控制背景图的位置可以使用background-position
背景图片是否随页面滚动:background-attachment
可选值
scroll:随页面滚动
fixed:不随页面滚动
雪碧图:
将小图标合并在一起之后的图片称作雪碧图
将雪碧图作为背景,然后使用background-image和background-position两个属性来控制需要显示的部分
作业:
网友评论