用css画简单的图形

今天，我们要学习如何使用简单的css来创建不同类型的平面图形。
使用代码
矩形
.rectangle {width: 250px;height: 150px;background-color: #6dc75f;}
<div></div>
三角形
.triangleup {border-left: 75px solid transparent;border-right: 75px solid transparent;border-bottom: 150px solid #6dc75f;width: 0;height: 0;}
<div class=triangleup></div>
椭圆形
.oval {width: 300px;height: 150px;background: #6dc75f;-moz-border-radius: 150px / 75px;-webkit-border-radius: 150px / 75px;border-radius: 150px / 75px;}
<div class=oval></div>
月牙形
.moon {width: 150px;height: 150px;border-radius: 50%;box-shadow: 15px 15px 0 0 green;}
<div class=moon></div>
树叶
.leaf {border-radius: 5px 300px 3px 300px;background: #6dc75f;width: 150px;height: 150px;}
<div class=leaf></div>
css能让你完成很多令人惊艳的事情…


企业的APP制作开发以下几点非常实用
优化关键词的技巧
海曙网站设计建设：提高你的HTML5和CSS3技术为高分辨率做好准备
企业云服务器搭建方法有啥，用云服务器好吗？
北京小程序开发定制有什么优势
选择网站建设公司要明确的一些问题
在整个微信生态中，小程序的位置在哪里
外贸网站租用香港服务器要考虑什么因素?