用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能让你完成很多令人惊艳的事情…


网络营销相比传统营销有哪些特点？
不得不知seo中百度快照不更新怎么办？
5分钟读懂未来5年社交新零售发展趋势
如何提高alexa排名
烟台小程序开发要注意些啥？
找合肥建站公司制作网站时企业容易忽略的4个重要问题
饲料生产行业网络营销推广策划如何做起来？
网络营销哪家正规