我需要一个在顶部和底部而不是侧面弯曲的按钮轮廓。请参阅下面的示例图像以了解我的要求。我将像这样在网站上设置所有按钮的样式。我已经尝试了几种使用border-radius的方法,但还没有成功。谢谢。

html - CSS flex 按钮-LMLPHP

最佳答案

我知道这不是您期望的答案,但是我认为获得此结果的最佳方法(获得体面结果的最简单方法)是使用backgroung-image

.button {
  background-image: url(https://raw.githubusercontent.com/dknacht/GitHub-Test/master/rect4136.png);
  background-size: 100% 100%;
}


我只是将其发布,以防有​​类似需求的人想要替代方案。

这里是一个例子:https://codepen.io/dknacht/pen/qKbWaY

Dknacht。

09-07 19:49