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:
by Jonathan Franchell, CEO of Ironpaper - For more tips and hacks: Need to remove a new line after h1 tags? Both web designers and SEO practitioners need to employ headline tags: H1, H2, H3 in several ways to improve web page structure and tag...
by Jonathan Franchell, CEO of Ironpaper - For more tips and hacks: For iOS app developers, there are some annoying parts of the development process that many developers just hate. For one, only one person can be nominated to be Team Agent on Apple's...
A fundamental shift is underway in how businesses discover, evaluate, and select their partners. The traditional B2B marketing model built around predictable funnels and quarterly campaigns is becoming less effective. Buyers no longer move neatly...
The Crowded Arena of the IT Marketplace Updated December 2024 The Information Technology (IT) landscape is experiencing rapid growth and intensifying competition. IT spending is projected to reach nearly 5.1 trillion U.S. dollars in 2024, a...