前端系列:纯CSS代码来写多边形和不规则图形

昨天介绍了前端系列：如何用CSS代码来写26个字母，前端福利,没有看过的可以看我之前的文章，或者打开下面的网址来浏览：http://www.toutiao.com/i6366084511695897089/

今天介绍的是，用css代码来写几何图形或者不规则的图形，当然看这些都需要一点点的div+css的基础，还有了解新的html5+css3的知识点，这样你才能更好的体会感触。

正方形代码

长方形代码

圆形代码

椭圆的代码

正三角形的代码

倒三角行的代码

左三角形代码

右三角形代码

梯形代码

爱心代码

太极代码

还有一些其他的代码，就不一一的发图了，有兴趣的可以打开下面的网站来看这些代码

https://css-tricks.com/examples/ShapesOfCSS/

馨客栈导航：http://www.mackxin.com/nav.html

馨客栈交流：http://www.mackxin.com/xininn.html

关注分享，体验乐趣

分享是一种态度

学无止境，学海无涯，好好学习，天天向上