Runde Ecken mit css

Auch mit reinem css ist es möglich, runde Ecken zu stylen. Leider muss es für verschiedene Browser noch verschiedenartig definiert werden.

Der Firefox braucht es als „-moz-border-radius“ und der Safari als „-webkit-border-radius“. Unter IE funktioniert das Ganze noch überhaupt nicht, aber das ist eigentlich auch egal.

Damit es in den meisten Browser (ausser Internet Explorer) funktioniert, definiert man runde Ecken in css so:

.boxMitRundenEcken {
    border: 1px solid black;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
So sieht das dann aus