非局部样式-背景

image.png

background: black; #F00 ；
还可以通过hsl来设置颜色 ：hsl（0，100%，100%）后面的参数分别是（色相，饱和度，亮度）
也可以通过 rgba（255,0,0.3）后面的参数分别是 红 绿 蓝 透明度 。
background: url（）
background : webkit-linear-gradient(left,red,green) 设置背景颜色渐变
background : linear-gradient(to right ,red,green) 设置背景颜色渐变 这里面第一个参数可以是度数：0deg 从下到上 45deg从左下到右上 90deg从左到右 180deg 从下到上 135 从左上到右下
background 背景叠加 ：

image.png

下面是对于背景的属性的设置：

image.png

background-posirtion: center top 分别是先设置水平方向 和垂直方向。
雪碧图：

image.png

如下所示： 如果需要图片变小，这时候需要用到 background-size 属性 使用 background-size将原图变小 并且 相对取点的位置也要减半。

image.png

base64代替图片的方法：