请老师帮忙检查
来源：2-13 编程练习
人间第一流
2019-10-23 10:56:45
帮忙
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body {
background: #f3f3f3;
}
/*此处补充代码*/
div{
width:100px;
height:200px;
border:5px solid red;
margin:120px;
float:left;
}
div:nth-child(1){
border-radius:70px 60px 40px 0/50px 60px 50px 0;
transform:rotate(90deg);
}
div:nth-child(2){
border-radius:0 50px 100px 0/0 40px 100px 0;
}
div:nth-child(3){
border-radius:0 50px 0 60px/0 50px 0 60px;
}
</style>
</head>
<body>
<!--此处补充代码-->
<div></div>
<div></div>
<div></div>
</body>
</html>
1回答
-
同学你好，老师使用绿框标注的地方需要根据效果图再调整一下哦。
第一个图形：效果图中是有些棱角的。
第二个第三个图形：标注的地方应该是有圆角的效果哦
祝学习愉快~
0
相似问题