咸蛋超人,越看越不像,哈哈哈哈哈哈哈
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#div1{
width: 194px;
height: 220px;
border: 3px solid #000;
border-radius: 50%;
margin: 80px 20px;
}
#div2{
width: 30px;
height: 135px;
border: 3px solid #000;
background-color: red;
/* border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px ;*/
border-radius: 74%;
border-top-left-radius: 17px;
border-top-right-radius: 17px;
margin-left: 83.5px;
margin-top: -35px;
}
#div3,#div4{
width: 40px;
height: 40px;
border: 3px solid #000;
border-radius: 50%;
background-color:#fefe00;
}
#div3{
margin-left: 22px;
margin-top: -29px;
}
#div4{
margin-left:109px;
margin-top: -2px;
}
#div5{
width: 80px;
height: 30px;
border:5px solid #000;
margin-left:60px;
margin-top: 39px;
border-radius: 60%;
border-left:0;
border-right: 0;
border-bottom: 0;
/* border-top-left-radius: 17px;
border-top-right-radius: 17px; */
}
</style>
</head>
<body>
<img src="2.jpg" alt="">
<div id="div1">
<div id="div2"> </div>
<div id="div3">
<div id="div4"></div>
</div>
<div id='div5'></div>
</div>
</body>
</html>