html - 如何在 HTML-CSS 中为单边添加圆角

Question

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

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

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

.button {
  border-radius: 30;
}

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

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

谢谢你！

Answer 1

试试下面的代码片段，更多信息请看这里：

.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>