CSS中的“形状”

 CSS所能展现出的”形状“

    下面的所有案例的实现都只用到了一个html元素（例如div）。虽然CSS在每一种浏览器中都有兼容性差异，但是这些例子至少支持一种以上浏览器（例如chorme）。

     正方形

 

     矩形

 

      圆形

 

      椭圆形

 

       尖角朝上的三角形

 

       尖角朝下的三角形

 

       尖角朝左的三角形

 

       尖角朝右的三角形

 

    尖角在左上的三角形

 

    尖角在右上的三角形

 

    尖角在左下的三角形

 

    尖角在右下的三角形

 

    弯尾箭头

 

    梯形

 

    平行四边形

 

    六角星形

 

    五角星形

 

    五边形

 

    六边形

 

    八边形

 

    心形

 

    横8形

 

    正方片形

 

    金刚盾形

 

    方片形

 

    钻石形

 

    鸡蛋型

 

    吃豆人

 

    提示框

 

    12角形

 

        8角形

 

        八卦

 

        丝带徽章

 

        太空侵略者

 

        电视屏幕

 

        雪佛龙

 

        放大镜

 

        Facebook icon

 

        扇形

 

        月亮弯形

 

        旗