This article provides a simple example of using CSS to create rounded corners. Below you will also find the definitions for how to use CSS rounded corners in your own CSS.
This CSS property is not full supported by Internet Explorer, but more contemporary browsers do support this property.
Here is a simple example of how to employ CSS rounded corners:
.my_css_class {
-moz-box-shadow: 3px 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px 3px #000;
box-shadow: 3px 3px 3px 3px #000;
}
| CSS3 (Opera browser) | 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 |
Learn more:
B2B Marketing and Growth Agency.
Grow your B2B business boldly. Ironpaper is a B2B marketing agency. We build growth engines for marketing and sales success. We drive demand generation campaigns, ABM programs, B2B content, sales enablement, qualified leads, and B2B marketing efforts.
 |
 |
