圆角CSS

Question

我有一个场景，我必须在Asp：LinkBut​​ton上创建按钮。我已经在上面创建了按钮。

现在我想在此按钮上设置圆角。请告诉我圆形按钮的CSS解决方案..

Answer 1

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

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

好消息是IE有一个名为CSS3Pie的优秀黑客入侵，这意味着您可以在所有浏览器中使用CSS border-radius。 （CSS3Pie黑客甚至适用于IE6！虽然IE6有足够的其他问题，我仍然不会用bargepole触摸它）

Answer 2

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

仅限Firefox和Chrome。