CSS背景之渐变颜色

CSS的背景颜色设置，是一个很庞大的体系。首先，我们可以先来看看背景中有哪些设置选项。

1. 我们可以说有background-color，这个是对背景颜色进行设置的。
2. 当涉及到背景颜色，我们就会考虑到颜色是从什么地方开始有的，我们可以设置从哪里开始布置背景颜色，于是，这个又和background-clip有关，这个的取值可以有box-border和box-padding box-content。
3. 当然，除了布置外，我们还应该讨论一下背景的大小，于是，又有了background-size。
4. 还有，背景亦可以是一张图片，所以就会有background-image，当我们引进图片时，我们有时候又希望让图片位置固定不动，于是又产生了background-attachment。我么还希望定位图片的一些位置，于是又有background-position，这对以后开发时候优化性能有很大好处。图片我们也可以进行起点位置的确认，有的可以从边框开始，有的可以从padding内开始（这个是默认值）,还可以从内容开始。当然，还有一种就是图片背景开始的地方，背景颜色的属性则是background—clip,表示图片裁剪到什么位置，正常背景从边框开始平铺的。还有，对于图片作为背景，默认值是一个平铺效果，所以还有一个属性就是background-repeat.
5. 对于背景，我们说得差不多了，现在，我们一起来看看颜色的一个渐变，颜色渐变必要的条件是有两种或以上的颜色，对于颜色渐变，我们分线性的和径向的两种，对于线性渐变 linear gradient，其属性值有渐变的方向，渐变方向可用方位或者角度表示，还有就是渐变颜色，渐变颜色的节点。当然，对于径向渐变来说，还有一个渐变的半径的大小，原点的位置，还有形状等等。还有一种重复渐变，可以让渐变重复铺满我们想要的地方。