开发者

Round corner CSS

I have a scenario where I have to create the button on Asp:LinkButton. I have create the button on it.

Now I want to set the round corner on this button. Please, tell me the CSS solution to round the b开发者_如何学Cutton..


Rounded corners can be done in standard CSS in all browsers except IE.

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

The good news is that there is an excellent hack for IE called CSS3Pie that brings it into line, meaning that you can use CSS border-radius in all browsers. (CSS3Pie hack even works for IE6! although IE6 has enough other issues that I still wouldn't touch it with a bargepole)


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

Its Firefox and Chrome only.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜