<p> android robot </p><style><!--/*Overall*/. Robot{width:400px;Height:500px;margin:0px Auto; }/*Head*/. Robot. Head{content:" ";width:200px;Height:80px;margin:0px Auto;Background-color:Green;Border-radius:90px 90px 0px 0px; }/*Eyes*/. Robot. Head::before{content:" ";width:16px;Height:16px;Display:Block;background: White;Border-radius:8px;Transform:Translate (46px,40px); }. Robot. Head::after{content:" ";width:16px;Height:16px;Display:Block;background: White;Border-radius:8px;Transform:Translate (129px, 23px)}/*Body*/. Robot. Main{content:" ";width:200px;Height:180px;margin:10px Auto;Background-color:Green;Border-radius:0px 0px 22px 22px; }/*Hand*/. Robot. Main::before{content:" ";width:35px;Height:120px;Display:Block;background:Green;Border-radius:18px;Transform:Translate ( -50px, 9px); }. Robot. Main::after{content:" ";width:35px;Height:120px;Display:Block;background:Green;Border-radius:18px;Transform:Translate (216px, -111px); }/*feet*/. Robot. Foot{content:" ";width:200px;Height:180px;margin:-10px Auto; }. Robot. Foot::before{content:" ";width:50px;Height:70px;Display:Block;background:Green;Border-radius:0px 0px 30px 30px;Transform:Translate (33px, 0px); }. Robot. Foot::after{content:" ";width:50px;Height:70px;Display:Block;background:Green;Border-radius:0px 0px 30px 30px;Transform:Translate (115px, -71px); }/*Important: Inline elements need to be set to block by the display property to set the length width. Rounded corners are set by the Border-radius property; Format: Border-radius: Upper-left corner upper-right corner of the upper-right corner is set offset format by transform property: transform:translate (offset, offset);*/--></style><div class= "Robot" > </div>
Watch Online: http://bbqwifi.info/homework/201611/android.html
CSS to make Android robots