Comments on snippet: 'rounded corners with no images, just css, THAT WORKS'

ClarkeyBoy1987 said on 8/15/10

Sun, 15 Aug 2010 20:11:27 GMT

Um.. why not just use the border-radius approach? Class .rounded with these attributes: -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; And then a div with class="rounded". Much simpler and takes about a quarter of the code. Ok so it wont work in IE at all, but it works in FF2 / 3, Opera (all as far as I know), Chrome and Safari. Oh and who cares about IE these days anyway? At least when it comes to things which arent required for the site to function (such as rounded corners).. http://border-radius.com/ is a good site for rounded corners - just enter the radius for each corner and it does all the work for you. Richard

_Undefined said on 6/13/08

Fri, 13 Jun 2008 04:30:51 GMT

Hey something looks familiar here.

http://www.html.it/articoli/nifty/index.html

jarenado said on 1/25/08

Fri, 25 Jan 2008 18:52:47 GMT

why wouldn't you just use background images and css. This adds a lot of extra markup doesn't it?

terriK said on 2/12/07

Mon, 12 Feb 2007 07:16:31 GMT

Not exactly right in IE5.5 but even there looks kinda cool.