CSS背景

关于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:设置位置