开发者

Round corner CSS

开发者 https://www.devze.com 2023-02-01 02:58 出处:网络
I have a scenario where I have to create the button on Asp:LinkButton. I have create the button on it.

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

精彩评论

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