<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>Title</title>
<style>
. box{
width:300px;
height:300px;
border:1px solid red;
Background-color:rgb (183,226,219);
margin:100px Auto;
}
. header{
width:145px;
height:70px;
margin:20px Auto;
Background-color:rgb (148,194,72);
border-radius:75px 75px 0 0;
position:relative;
}
. header::before{
Content: ";
width:16px;
height:16px;
Background-color:white;
Position:absolute;
top:30px;
left:25px;
border-radius:50%;
}
. header::after{
Content: ";
width:16px;
height:16px;
Background-color:white;
Position:absolute;
top:30px;
right:25px;
border-radius:50%;
}
. line{
width:146px;
height:80px;
Position:absolute;
}
. line::before{
Content: ";
width:6px;
height:30px;
Background-color:rgb (148,194,72);
Position:absolute;
Top: -10px;
left:15px;
border-radius:5px;
Transform:rotate ( -30DEG);
}
. line::after{
Content: ";
width:6px;
height:30px;
Background-color:rgb (148,194,72);
Position:absolute;
Top: -10px;
right:15px;
border-radius:5px;
Transform:rotate (30DEG);
}
. body{
width:145px;
height:125px;
margin: -10px auto;
Background-color:rgb (148,194,72);
border-radius:0 0 10px 10px;
position:relative;
}
. body::before{
Content: ";
height:100px;
width:30px;
Background-color:rgb (148,194,72);
Position:absolute;
Left: -35px;
border-radius:15px;
}
. body::after{
Content: ";
height:100px;
width:30px;
Background-color:rgb (148,194,72);
Position:absolute;
Right: -35px;
border-radius:15px;
}
. footer{
width:145px;
margin:10px Auto;
position:relative;
}
. footer::before{
Content: ";
width:38px;
height:50px;
Background-color:rgb (148,194,72);
Position:absolute;
left:25px;
border-radius:0 0 17px 17px;
}
. footer::after{
Content: ";
width:38px;
height:50px;
Background-color:rgb (148,194,72);
Position:absolute;
right:25px;
border-radius:0 0 17px 17px;
}
</style>
<body>
<div class= ' box ' >
<div class= "Header" >
<div class= "line" ></div>
</div>
<div class= "Body" ></div>
<div class= "Footer" ></div>
</div>
</body>
Android Robot Implementation