html - 圆 Angular 、矩形按钮

Question

我有兴趣制作一个类似于 https://new.myspace.com/ 主页上的按钮的 html 按钮.我知道 html 看起来像这样:

 <button class="button" id="join">Join</button>

虽然我不确定 css 应该是什么样子。我知道网上有很多关于 html 按钮的教程，但我不确定半矩形按钮。谢谢，哈里森

Answer 1

使用边界半径。该示例中的确切代码是 border-radius: 4px; https://developer.mozilla.org/en-US/docs/CSS/border-radius

听从 Jake 的好建议，使用这个 catch-all-browser 规则:

button#join {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}