请老师检查一下，哪里需要改进的地方
<html>
<head lang="en">
<meta charset="UTF-8">
<title>background-image</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
.max{
width: 300px;
height: 300px;
position: relative;
overflow: hidden;
margin-top: -170px;
}
.a{
width: 280px;
height: 280px;
border: 10px solid violet;
position: absolute;
}
.b{
width: 260px;
height: 260px;
border: 10px solid red;
}
.c{
width: 240px;
height: 280px;
border: 10px solid yellow;
}
.d{
width: 220px;
height: 280px;
border: 10px solid blue;
}
.e{
width: 200px;
height: 280px;
border: 10px solid green;
}
.a,.b,.c,.d,.e{
border-top-left-radius: 170px;
border-top-right-radius: 170px;
top: 170px;
}
</style>
</head>
<body>
<div class="max">
<div class="a">
<div class="b">
<div class="c">
<div class="d">
<div class="e"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星