CODEWITHSUNDEEP
htmlcssstylesheet
Shivi
Shivi

Reputation: 1085

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 button..

Upvotes: 1

Views: 346

Answers (2)

Spudley
Spudley

Reputation: 168853

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)

Upvotes: 5

danjah
danjah

Reputation: 3059

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

Its Firefox and Chrome only.

Upvotes: 0

Related Questions