CSS中的“形状”
CSS所能展现出的”形状“
下面的所有案例的实现都只用到了一个html元素(例如div)。虽然CSS在每一种浏览器中都有兼容性差异,但是这些例子至少支持一种以上浏览器(例如chorme)。
正方形
矩形
圆形
椭圆形
尖角朝上的三角形
尖角朝下的三角形
尖角朝左的三角形
尖角朝右的三角形
尖角在左上的三角形
尖角在右上的三角形
尖角在左下的三角形
尖角在右下的三角形
弯尾箭头
梯形
平行四边形
六角星形
五角星形
五边形
六边形
八边形
心形
横8形
正方片形
金刚盾形
方片形
钻石形
鸡蛋型
吃豆人
提示框
12角形
8角形
八卦
丝带徽章
太空侵略者
电视屏幕
雪佛龙
放大镜
Facebook icon
扇形
月亮弯形
旗