1<! DOCTYPE html Public"-//w3c//dtd XHTML 1.0 strict//en"2"Http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd" >345<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8"/>6<title>title</title>7<style type= "Text/css" >8 body{9margin:0;Tenpadding:0; OneBackground-color:#FFF; A } -.box{ -Width330px; theHeight500px; -Margin50px Auto; - } -. box.head{ +Width200px; -Height100px; +Margin0px auto; ABackground-color:#a4ca39; atBorder-radius:100px 100px 0px 0px; - - } -. Box head::before{ -Content: ""; -Width16px; inHeight16px; -DisplayBlock; toBackgroundWhite ; +Border-radius:8px; -Transform:translate (50px,40px); the } *. Box head::after{ $Content: "";Panax NotoginsengWidth16px; -Height16px; theDisplayBlock; +BackgroundWhite ; ABorder-radius:8px; theTransform:translate (134PX,24px); + } -. box.shenti{ $Width200px; $Height200px; -Background-color:#a4ca39; -margin:0Auto; theMargin-top:10px; -Border-radius:0px 0px 30px 30px;Wuyi the } -. box. Shenti::before{ WuContent: ""; -Width40px; AboutHeight150px; $DisplayBlock; -Background-color:#a4ca39; -Border-radius:20px; -Transform:translate ( -50px,20px); A } +. box. Shenti::after{ theContent: ""; -Width40px; $Height150px; theDisplayBlock; theBackground-color:#a4ca39; theBorder-radius:20px; theTransform:translate (208px,-129px); - } in. box.footer{ theWidth40px; theHeight100px; Aboutmargin:0Auto; theMargin-top:0px; theBorder-radius:0px 0px 30px 30px; the } +. box. Footer::before{ -Content: ""; theWidth40px;BayiHeight100px; theDisplayBlock; theBackground-color:#a4ca39; -Border-radius:0px 0px 30px 30px; -Transform:translate ( -40px,0px); the } the. box. Footer::after{ theContent: ""; theWidth40px; -Height100px; theDisplayBlock; theBackground-color:#a4ca39; theBorder-radius:0px 0px 30px 30px;94Transform:translate (40px,-103px); the } the. box.ear1{ theWidth5px;98Height30px; AboutMargin0px auto; -Margin-top:0px;101Transformrotate (30deg);102Border-radius:0px 0px 30px 30px;103 }104. box. EAR1::before{ theContent: "";106Width5px;107Height30px;108DisplayBlock;109Background-color:#a4ca39; theBorder-radius:0px 0px 30px 30px;111Transform:translate (86PX,12px); the }113. box.ear2{ theWidth5px; theHeight30px; theMargin0px auto;117Margin-top:0px;118Transform:rotate (-30deg);119Border-radius:0px 0px 30px 30px; - }121. box. EAR2::after{122Content: "";123Width5px;124Height30px; theDisplayBlock;126Background-color:#a4ca39;127Border-radius:0px 0px 30px 30px; -Transform:translate ( -73px,-14px);129 } the</style>131 the<body>133<divclass= "box" >134<divclass= "Ear1" ></div>135<divclass= "Ear2" ></div>136<divclass= "Head" ></div>137<divclass= "Shenti" ></div>138<divclass= "Footer" ></div>139</div> $ 141</body>142143<script>144 145</script>
Come back overtime and complete the full version of the Android icon