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

今天看到一篇文章，说到margin的塌陷的问题，并提供了好几个例子。 自己之前还没怎么遇到过这个问题，正好来研究一下。 CSS Code复制内容到剪贴板 <div u00a0class=box1></div>    <div u00a0class=box2></div>    <div u00a0class=box3></div>    <div u00a0class=box4></div>    css样式一，使用margin塌陷： CSS Code复制内容到剪贴板 .box1, .box2, .box3 {    　　width: 200px;    　　}