The CSS3 border-radius property can be used to give borders rounded corners in design elements without the need to include images.
Syntax:
div {
border:1px solid;
border-radius:25px;
}
Syntax:
div {
border:1px solid;
border-radius:25px;
}
| CSS3 | Mozilla equivalent | WebKit equivalent |
|---|---|---|
| border-top-right-radius | -moz-border-radius-topright | -webkit-border-top-right-radius |
| border-bottom-right-radius | -moz-border-radius-bottomright | -webkit-border-bottom-right-radius |
| border-bottom-left-radius | -moz-border-radius-bottomleft | -webkit-border-bottom-left-radius |
| border-top-left-radius | -moz-border-radius-topleft | -webkit-border-top-left-radius |
| border-radius | -moz-border-radius | -webkit-border-radius |
No comments:
Post a Comment