这个图形我不能模拟出来，试了很长时间，给个尺寸吧
来源：2-13 编程练习
unbreakable_全栈
2020-06-16 17:00:48
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.container {
display: flex;
justify-content: space-around;
}
.container div {
width: 100px;
height: 200px;
border: 10px solid red;
}
.container div:first-child {
border-top-left-radius: 0 0;
border-top-right-radius: 26px 26px;
border-bottom-right-radius: 19px 22px;
border-bottom-left-radius: 50px 53px;
}
.container div:nth-child(2) {
border-radius: 75px/ 29px 32px 192px 49px;
}
.container div:last-child {
border-radius: 62px/ 14px 87px 10px 106px;
}
</style>
</head>
<body>
<div class="container">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
2回答
-
同学你好，问题解答如下：
1、‘不要设置每个角的水平方向是固定值’指的是这里
因为每个角的弧度都不一样，所以不建议设置固定的，不好控制。
2、‘可以一个角（两个数值）一个角的完成 ’指的是先一个其中一个角，完事了再设置下一个。例如第一个元素弧度分开设置
或者这样简写的时候分开设置
祝学习愉快！
0 -
好帮手慕星星
2020-06-16
同学你好，当前习题没有固定的尺寸，可以尝试出来。参考修改：
效果
如果把控不准，就不要设置每个角的水平方向是固定值，否则不好控制，可以一个角（两个数值）一个角的完成。
祝学习愉快！
0h020-06-16
相似问题
回答 1
回答 3