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 power demand generation campaigns, ABM programs, create B2B content, strengthen sales enablement, generate qualified leads, and improve B2B marketing efforts.
 |
 |
