麻烦老师检查下，谢谢
来源：2-13 编程练习
qq_慕移动3101913
2019-08-15 15:57:31
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body {
background: #f3f3f3;
}
/*此处补充代码*/
.one{
width:100px;
height:50px;
border:5px solid red;
border-radius:0 30px 10px;
}
.two{
width:50px;
height:100px;
border:5px solid red;
border-radius:8px 30px 50px 10px;
margin:20px 0;
}
.three{
width:50px;
height:100px;
border:5px solid red;
border-radius:10px 20px 10px 30px;
margin:20px 0;
}
</style>
</head>
<body>
<!--此处补充代码-->
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</body>
</html>
2回答
-
好帮手慕星星
2019-08-15
同学你好，
测试了你的第二段代码，实现效果不错，很棒哦！
第一段代码实现效果也是可以的。
祝学习愉快！
0h019-08-15 -
qq_慕移动3101913
提问者
2019-08-15
这是按任务要去做的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body {
background: #f3f3f3;
}
/*此处补充代码*/
div{
width:100px;
height:200px;
border:5px solid red;
float:left;
margin:10px 50px;
}
.one{
border-radius:50px/40px 20px 40px 0;
transform: rotate(90deg);
}
.two{
border-radius:8px 40px 90px 10px/8px 40px 90px 10px;
}
.three{
border-radius:10px 40px 10px 50px/10px 40px 10px 50px;
}
</style>
</head>
<body>
<!--此处补充代码-->
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</body>
</html>
0
相似问题