如何在 HTML-CSS 中向单边添加圆角 [重复]

Question

是的，我唯一想做的就是将边框半径属性（或类似的东西）应用到按钮的 1 个角上，就像这样：“https://i.stack.imgur.com/ Mm9VN.jpg"

不用担心，链接是由 StackOverFlow 生成的，所以不用担心链接。

另外，我需要包含一些代码，否则我的问题将被关闭： 这是我尝试过的：

.button {
  border-radius: 30;
}

<button type="button" class="button">Button</button>

但它将属性应用于所有角落，这不是我想要的。

谢谢！

Answer 1

尝试关注sn-p，更多信息请查看here：

.button {
  border: 1px solid #00bfff;
  border-bottom-right-radius: 30%;
  border-top-right-radius: 30%;
  padding: 20px;
  background: #00bfff;
}

<button type="button" class="button">Button</button>