CSS画各种图形
2012-05-31 10:46
218 查看
下面的示例展示了使用纯CSS制作的各种图形,你可以自由地修改文中的CSS代码。这个收集的原文在这里。
经测试,IE9, Chrome, FF, Safari都可以正常显示。
正方形
长方形
圆形
椭圆形
三角形(向上)
三角形(向下)
三角形(向左)
三角形(向右)
三角形(左上)
三角形(右上)
三角形(左下)
三角形(右下)
平行四边行
梯形
六角星形
五角星形via Kit MacAllister
五边形
六边形
八边形
心形via Nicolas Gallagher
无穷大via Nicolas Gallagher
菱形
鸡蛋
吃豆人
说话泡泡
12星形via Alan Johnson
8星形via Alan Johnson
(全文完)
经测试,IE9, Chrome, FF, Safari都可以正常显示。
正方形
长方形
圆形
椭圆形
三角形(向上)
三角形(向下)
三角形(向左)
三角形(向右)
三角形(左上)
三角形(右上)
三角形(左下)
三角形(右下)
平行四边行
梯形
六角星形
五角星形via Kit MacAllister
五边形
六边形
八边形
心形via Nicolas Gallagher
无穷大via Nicolas Gallagher
菱形
鸡蛋
吃豆人
说话泡泡
12星形via Alan Johnson
8星形via Alan Johnson
(全文完)
相关文章推荐
- css 绘制各种图形
- 教您如何用CSS定义各种图形
- css画出的各种图形
- 【CSS】绘制各种图形实例
- 利用CSS画各种平面图形
- css绘制各种图形,三角形,长方形,梯形
- CSS 魔法系列:纯 CSS 绘制图形(各种形状的钻石)
- CSS代码实例:用CSS代码写出的各种形状图形
- 【转】用CSS代码写出的各种形状图形的方法
- 基于纯CSS创建各种图形形状
- [DIV/CSS] 纯CSS制作各种图形(多图预警)
- css画出各种牛逼的图形
- 纯CSS制作各种图形
- 用CSS画各种图形
- CSS代码实例:用CSS代码写出的各种形状图形
- 在网上看到一个通过css绘制各种图形的文章留底
- CSS完成各种图形的制作
- CSS代码实例:用CSS代码写出的各种形状图形
- css形成各种图形
- CSS代码写出的各种形状图形