Witam. Robię stronę: http://www.kantor-elektral.cba.pl/ . I chciałbym zrobić zaokrąglone rogi tylko na górze prostokąta, na którym pisze "Zdjęcie kantoru".

Dotychczas mam następujący kod CSS

[XML] pobierz, plaintext 
.kolor
{
background-color: #CA2222;
color: white;
font-weight: bold;
}
[XML] pobierz, plaintext 

Co do niego dodać aby uzyskać ten efekt ?

http://olaszewski.com/2008/12/08/okragle-rogi/ za pomocą JS.

Proszę, 2 ciekawe strony:
http://www.smileycat.com/miaow/archives/000044.php
http://www.cssjuice.com/25-rounded-corners...iques-with-css/

w CSS to nie bardzo bo IE nam kuku zrobi...

Skoro są takie możliwości to dlaczego z nich nie korzystać. Czasy IE6,7 mijają, nie ma sensu wiecznie przejmować się tą przeglądarką, natomiast warto uświadamiać użytkowników, że korzystają z czegoś złego http://svzsolutions.nl/en-internet-explorer, http://ie6.pl

Powiedz to prezesom korporacji, w których działają aplikacje za ciężkie pieniądze były pisane specjalnie pod IE... Nie pozbędziesz się IE tak prędko...

A jeśli chodzi o rogi w CSS, to da się - ale nie będzie antyaliasingu. Chyba się to SpiffyCorners nazywało.

W czystym CSS lub CSS+JS: Nifty Corners

~rugby Nifty to jest oparte o JS, tu nie ma czystego CSS'a.

Jest też czysty CSS - przykład.