纯CSS来画基本的矩形、圆形、椭圆、三角形、多边形等

作者：zccst

2015-3-18

除了常规的三角形外，还可以画出更复杂的三角箭头，倾斜箭头。但是前提是必须是单一背景色，没法做到透明。如果想让该箭头在任何场景，还需要使用png图片。

参考：张鑫旭博客

图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼，推荐给你的朋友吧。

转载地址：http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html