渐变
//渐变中，默认从上到下渐变，前20%为纯红色，20%-50%之间为红色到蓝色渐变，50%-70%为蓝色到黄色渐变，70%以后为黄色
<style>

box{

        width:200px;
        height:200px;
          background:-webkit-linear-gradient(red 20%, bule 50%,yellow 70%);

}
</style>
跳变
//跳变中，默认从上到下，前20%为红色，20%-50%为蓝色，50%-70%为黄色，70%以后为粉色
<style>

box{

        width:200px;
        height:200px;
        background:-webkit-linear-gradient(red 20%,blue 20%, bule 50%,yellow 50%,yellow 70%,pink 70%);

}
</style>