检查代码是否要优化
来源:2-13 编程练习
weixin_慕的地5241954
2019-08-26 15:52:22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body {
background: #f3f3f3;
}
/*此处补充代码*/
div{
width: 100px;
height: 200px;
border: 10px red solid;
float: left;
margin-top: 100px;
margin-left: 100px;
}
.one{
border-radius: 50px 0 50px 50px/ 50px 0 50px 20px;
transform: translate(-50px,50px) rotate(-90deg);
}
.two{
border-radius: 20px 50px 100px 20px/ 20px 50px 100px 20px;
}
.three{
border-radius: 20px 50px 20px 50px/ 20px 50px 20px 50px;
}
</style>
</head>
<body>
<!--此处补充代码-->
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</body>
</html>1回答
同学你好!
代码效果实现的正确,无需再次优化。
如果帮助到了你,欢迎此案,祝学习愉快~
相似问题