CSS代码有着很强的在网页上绘制图形的能力，我们可以通过这样的代码实现平时只有用图片才能实现的图形技巧。连续绘制多个颜色不同的图形可以通过CSS代码轻松的实现，这里，我们就来展示一下连续绘制多个对比色三角形的技巧。
工具/原料
dreamweaver
方法/步骤
1
案例分析：我们在这一章的学习当中要绘制6个颜色不同的小三角形，这些三角形有着上下交错的陈列，一蓝一红的颜色分布。
2
代码流程：一共要进行6次三角形的样式声明，整个块元素也要进行声明，所有的图形在
3
整个块元素的声明如下：
4
第一个蓝色的小三角形的代码如下：
5
第二个红色的三角形代码如下：
6
通过同样的方法，把所有的三角形一一绘制出来，从而形成最后的结果。
上一篇：css3怎样写三角形