Einst waren Runde Ecken die Königsklasse des Webdesigns und nur sehr schwer mit Grafiken oder verschachtelten Tabellen zu realisieren. Jetzt geht’s mit CSS einfacher.
Einfache gerundete Ecken
.roundedCorner{
border: 3px solid red;
-moz-border-radius: 10px; /* Firefox old */
-webkit-border-radius: 10px; /* Safari, Chrome old */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* CSS3 */
}Jede Ecke anders
.roundedCorner{
-moz-border-radius: 7px 8px 15px 4px /* Firefox old */
-webkit-border-radius: 7px 8px 15px 4px /* Safari, Chrome old */
-khtml-border-radius: 7px 8px 15px 4px /* Konqueror */
border-radius: 7px 8px 15px 4px;
}