告诉我如何使按钮四舍五入，使其看起来像图片中所示

Tell me how to round the button so that it looks like in the picture

提问人：Алексей Синельник 提问时间：10/5/2023 更新时间：10/5/2023 访问量：51

问：

我有一个问题，我不明白如何为按钮制作自定义边框。我熟悉 border-radius 属性，但我不明白按钮是如何弯曲的。

enter image description here

这是按钮的图片，它应该如何设计。

CSS 按钮 边 边框半径

评论

2赞 m4n0 10/5/2023
在这种情况下，最好使用 SVG。
0赞 Алексей Синельник 10/5/2023
我是否正确理解这不能使用 CSS 解决？
0赞 m4n0 10/5/2023
我从未见过用CSS完成此操作。将来可能会有。
1赞 Алексей Синельник 10/5/2023
谢谢你的回答。我将尝试通过背景图像添加svg
1赞 David Thomas 10/5/2023
如果它有任何帮助，那么这个 JS Fiddle 可能会帮助你发现你所追求的形状。祝你好运（但几乎可以肯定，SVG 仍然是更好的选择）。

答：

0赞 Sparsh Maheshwari 10/5/2023 #1

在这里，您可以使用 CSS 属性 border-radius 来执行此操作

您可以使用以下命令制作这种类型的按钮

border-bottom-left-radius: __px;
border-bottom-right-radius: __px;

就像这样

您必须点击并跟踪 Border Radius 属性

你也可以访问 MDN 以获取有关此主题的更多信息

MDN 链接

上一个：UI 问题：边框半径、按钮功能、对齐方式和颜色理论实现、Enter_container半径

下一个：CSS 边框开始将盒子切成两半