Posted by J.O. Aho on 05/26/07 14:09

Jonathan N. Little wrote:
> Jukka K. Korpela wrote:
>> Scripsit -:
>>
>>> I'm new with CSS; can someone help me get this effect :
>>> - text with colored borders (if possible with rounded corners),
>>
>> If you want rounded corners, you have three options:
>> 1) Use a table, as people have often used for such purposes (a 3 by 3
>> table, with images in the corner cells, etc.).
>> 2) Use -moz-border-radius, accepting the fact that browsers other than
>> Mozilla won't round your corners.
>> 3) Stop wanting them. :-)
>
> There is a #4, using 4 corner images within with positioning, but is a
> bit "ugly" markup wise.
>

Here is a fifth method, which don't use images
http://www.html.it/articoli/nifty/nifty1.html

seems to work ok in Opera, gecko (SeaMonkey), khtml (Konqueror) and MSIE (6).

--

//Aho

[Back to original message]