CSS制作各种样式的彩虹效果

1. .box1, .box2, .box3 {    　　width: 200px;   
2. 　　}    .box1{   
3. 　　margin-bottom: -80px;    　　height:100px;   
4. 　　background: blue;    　　}   
5. .box2 {    　　margin-bottom:-40px;   
6. 　　height:60px;    　　background: #ffff00;   
7. }    .box3{   
8. 　　height:20px;    　　background: #ff0000;   
9. }   

效果：
 

css样式二，也是使用的margin塌陷，不过做出来的是弧形的彩虹：