CSS图形

下面的示例展示了使用纯CSS制作的各种图形，你可以自由地修改文中的CSS代码。这个收集的原文在这里。

经测试，IE9, Chrome, FF, Safari都可以正常显示。

目录

• 正方形
• 长方形
• 圆形
• 椭圆形
• 三角形（向上）
• 三角形（向下）
• 三角形（向左）
• 三角形（向右）
• 三角形（左上）
• 三角形（右上）
• 三角形（左下）
• 三角形（右下）
• 平行四边行
• 梯形
• 六角星形
• 五角星形 via Kit MacAllister
• 五边形
• 六边形
• 八边形
• 心形 via Nicolas Gallagher
• 无穷大 via Nicolas Gallagher
• 菱形
• 鸡蛋
• 吃豆人
• 说话泡泡
• 12星形 via Alan Johnson
• 8星形 via Alan Johnson

正方形

长方形

圆形

椭圆形

三角形（向上）

三角形（向下）

三角形（向左）

三角形（向右）

三角形（左上）

三角形（右上）

三角形（左下）

三角形（右下）

平行四边行

梯形

六角星形

五角星形 via Kit MacAllister

五边形

六边形

八边形

心形 via Nicolas Gallagher

无穷大 via Nicolas Gallagher

菱形

鸡蛋

吃豆人

说话泡泡

12星形 via Alan Johnson

8星形 via Alan Johnson