CSS中的“形状”

三世轮回 提交于 2020-01-03 08:41:07

 CSS所能展现出的”形状“

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

     正方形

 

     矩形

 

      圆形

 

      椭圆形

 

       尖角朝上的三角形

 

       尖角朝下的三角形

 

       尖角朝左的三角形

 

       尖角朝右的三角形

 

    尖角在左上的三角形

 

    尖角在右上的三角形

 

    尖角在左下的三角形

 

    尖角在右下的三角形

 

    弯尾箭头

 

    梯形

 

    平行四边形

 

    六角星形

 

    五角星形

 

    五边形

 

    六边形

 

    八边形

 

    心形

 

    横8形

 

    正方片形

 

    金刚盾形

 

    方片形

 

    钻石形

 

    鸡蛋型

 

    吃豆人

 

    提示框

 

    12角形

 

        8角形

 

        八卦

 

        丝带徽章

 

        太空侵略者

 

        电视屏幕

 

        雪佛龙

 

        放大镜

 

        Facebook icon

 

        扇形

 

        月亮弯形

 

        旗

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!