我需要一个在顶部和底部而不是侧面弯曲的按钮轮廓。请参阅下面的示例图像以了解我的要求。我将像这样在网站上设置所有按钮的样式。我已经尝试了几种使用border-radius的方法,但还没有成功。谢谢。
最佳答案
我知道这不是您期望的答案,但是我认为获得此结果的最佳方法(获得体面结果的最简单方法)是使用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。