关于background设置
设置背景色 \background-color
设置背图片\background-image: url(路径);
设置背图片平铺方式\background-repeat
no-repeat不平铺
repeat-x横向平铺
repeat-y纵向平铺
背景剪切\background-clip:border-box;
background-clip:padding-box;
background-clip:content-box;
设置背景渲染区域(设置起始位置)\background-origin
设置图片背景位置\ background-position
第1个值 :X轴偏移量(正值向右,负值向左)
第2个值 :Y轴偏移量(正值向下,负值向上)
设置背景图片固定方式:
1、fixed:不会随着滚动条移动
2、scroll:会随着滚动条移动(默认值)
设置图片的大小(单独设置,无法background缩写)\background-size
背景线性渐变linear-gradient
第1个值:方向
从第2个值开始都是进行颜色的设置。
如果想进行颜色尺寸的设置,在颜色后面加空格添加尺寸值
背景径向渐变radial-gradient
【雪碧图】
sprite图 雪碧图的操作步骤
step1:设置尺寸
step2:引用雪碧图
step3:设置位置