css样式基础盒子模型

1.线性渐变
在线性渐变过程中，起始颜色会沿着一条直线按顺序过度到结束颜色
background-image:linear-gradient
2.径向渐变
径向渐变是网页中另一种常用的渐变，在径向渐变过程中，起始颜色会从一个中心点开始
椭圆或者圆形形状进行扩张渐变
3.重复渐变
在网页设计中，经常遇到在一个背景上重复应用渐变模式的情况，这时就需要使用重复渐变
background-image:repeating-line-gradient(渐变角度，颜色值1，颜色值2，颜色值n)
background-image:repeating-radial-gradient(渐变形状  圆心位置，颜色值1，颜色值2。。
颜色值n）

http://huluxia.fun/