Runde Ecken

In diesem Tutorial erkläre ich euch wie man bei Buttons und anderen Sachen runde Ecken macht. Leider funktioniert diese Methode jedoch nur im Mozilla Firefox. Die verschiedenen Pixelangaben (und andere Angaben) können natürlich durch eure eigenen Wünsche ersetzt werden.

Hier ein Beispiel für komplett abgerundete Ecken.

Rund

Es ist auch möglich nur eine, zwei oder drei Ecken abzurunden. Auch dies ergibt schöne Formen.
Eine
Zwei
Drei

Dabei müsst ihr einfach die Ecken, die nicht abgerundet werden sollen auf "0px" setzen.

Zusätzlich zu den oben stehenden Angaben ist es sinnvoll Angaben für margin und padding (Innen- und Außenabstand) zu machen, damit der Text nicht so eng an den Rand gequetscht wird. In meinem Beispielen habe ich folgende Angaben gemacht.