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

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

目录

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

正方形

长方形

圆形

椭圆形

三角形(向上)

三角形(向下)

三角形(向左)

三角形(向右)

三角形(左上)

三角形(右上)

三角形(左下)

三角形(右下)

平行四边行

梯形

六角星形

五角星形 via Kit MacAllister

五边形

六边形
八边形

心形 via Nicolas Gallagher

无穷大 via Nicolas Gallagher

菱形

鸡蛋

吃豆人

说话泡泡

12星形 via Alan Johnson

8星形 via Alan Johnson

(全文完)

转载于酷壳CoolShell 无删改 仅以此纪念陈皓(左耳朵耗子)