Html 圆角CSS

我有一个场景，我必须在Asp:LinkButton上创建按钮。我已经在上面创建了按钮

现在我想在这个按钮上设置圆角。请告诉我CSS解决方案，使按钮更圆

.border {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

只有Firefox和Chrome

---

它只支持Firefox和Chrome。

圆角可以在除IE之外的所有浏览器中使用标准CSS完成

.rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

---

好消息是，IE有一个很好的黑客程序，名为，这使它符合标准，这意味着你可以在所有浏览器中使用CSS

border radius

。（CSS3Pie hack甚至适用于IE6！尽管IE6还有很多其他问题，我还是不愿意用讨价还价的方式去碰它）

圆角可以在除IE之外的所有浏览器的标准CSS中完成

.rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

---

好消息是，IE有一个很好的黑客程序，名为，这使它符合标准，这意味着你可以在所有浏览器中使用CSS

border radius

。（CSS3Pie hack甚至适用于IE6！尽管IE6还有很多其他问题，我还是不愿意用讨价还价的方式去碰它）

抱歉@Danjah，但我不得不投票否决这一点。这些天来，使用特定于浏览器的技术是不可接受的。我不同意，这取决于具体情况-接受否决票，因为我欣赏你的意见。将

-webkit border radius

替换为

border radius

。Safari和Chrome不再需要前缀，Opera和IE9也将采用这种方式；它是标准的CSS，适用于除IE以外的所有浏览器。它甚至可以通过一点说服力在IE中工作；更多信息请参见我的答案。抱歉@Danjah，但我将不得不否决这项投票。这些天来，使用特定于浏览器的技术是不可接受的。我不同意，这取决于具体情况-接受否决票，因为我欣赏你的意见。将

-webkit border radius

替换为

border radius

。Safari和Chrome不再需要前缀，Opera和IE9也将采用这种方式；它是标准的CSS，适用于除IE以外的所有浏览器。它甚至可以通过一点说服力在IE中工作；更多信息请参见我的答案。