Das ist ein Beispiel für eine Box mit runden Ecken.
Was war das damals noch ein Krampf wenn man die Webseite mit ein paar Rundungen aufschönen wollte. Für jede Rundung mußte eine eigene Graphik gebaselt werden.
CSS - Class um ein Element mit runden Ecken zu versehen.
.rundeEcken {
-moz-border-radius:3px 15px 5px 30px; /* Firefox */
-webkit-border-radius:3px 15px 5px 30px;/* Chrome, Safari */
-khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
border-radius:3px 15px 5px 30px; /* CSS3 */
behavior:url(border-radius.htc); /* alte Internet Explorer */
}
Auf meiner eigenen Seite habe ich das sehr häufig benutzt. Elemente mit runden Ecken wirken oft sanfter und edler als die harten eckigen Boxen. Und wie immer braucht man für den Internetexplorer eine zeile Extra, damit man auch alte Versionen des Internetexplorer zufriedenstellen kann um auch hier eine Crossbrowser Lösung anbieten zu können.
Hier das Beispiel: