Runde Ecken

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.


Runde Ecken mit CSS3

CSS - Class um ein Element mit runden Ecken zu versehen.

CSS - Runde Ecken
.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:

Das ist die Box mit runden Ecken
Links oben 3px; Rechts oben 15 px; rechts unten 5px und Links unten 30 px.
Letzte Änderung dieser Information: 27.08.2024 18:14 h

Wir verwenden Cookies und Dienste von Drittanbietern

Akzeptieren Sie Cookies und Dienste?

 Nein   Ja     mehr Information

Wir nutzen folgende Cookies:

php Session Cookie: PHPSESSID
Wird vom Server gesetzt um die Funktionaität der Kontaktformulare, die Auswahl der Sprache, der Wunschliste und dem Warenkorb zu gewährleisten.
Speicherdauer: Bis Ende der Browsersitzung
Werte: SessionID: 2922o8m18gqnotsatlfa2hggo8


Eigenes Cookie: tenerindi_com
Speichert ob Sie Cookies und Dienste akzeptieren und wenn ja, welche Sie akzeptieren.
Speicherdauer: 90 Tage (Bei NEIN nur bis Ende der Browsersitzung)
Werte: AllowCookies: YES / NO - AllowGoogleMaps: YES / NO - AllowYoutube: YES / NO - AllowKalender: YES / NO - AllowMatomo: YES / NO


Matomo Analytics: _pk_id.1.8c15
wird verwendet, um einige Details über den Benutzer zu speichern, wie die eindeutige Besucher-ID
Speicherdauer: 13 Monate

Matomo Analytics: _pk_ses.1.8c15
Kurzzeit-Cookies, die vorübergehend Daten für den Besuch speichern
Speicherdauer: 30 Minuten


Ihre Einstellungen

 Einstellung speichern Schliessen

  Es werden keine dauerhaften Cookies gesetzt und keine Daten an Google gesendet. Sie können allerdings die Landkarte von Google Maps und Streetview nicht nutzen.

  Das Cookie wurde soeben gesetzt.