div+css的极致运用，画出小米logo

不明觉厉

谢谢楼主

层数已够，直接贴代码吧，希望不会被度娘删贴。
HTML代码
<div id="main">
<div id="left">
<div id="inner">
<div id="center"></div>
</div>
</div>
<div id="right"></div>
</div>
------------------------------------------------------------------------
CSS代码
<style>
body{background-color: #ccc;}
#main{background-color: #f57923;width: 415px;height:300px;margin: 150px auto;
border-radius: 25px;}
#left,#right{background-color: #fff;margin-top:40px;height:220px;}
#left{float:left;width:250px;margin-left:35px;border-top-right-radius: 65px;z-index: -99999;}
#inner{background-color: #f57923;width:140px;height: 170px;margin-top:50px;border-top-right-radius: 40px;margin-left: 55px;z-index:10; }
#center{background-color:#fff;position: relative;width: 50px;height: 125px;top:45px;left: 45px;z-index:999999; }
#right{float: right;width: 50px;margin-right:35px;}
</style>