Rundungen anstelle von Ecken

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;
}