Einige haben sich vielleicht schonmal gefragt, ob es in der Eckigen Welt der Divs nicht auch möglich ist diese abzurunden. Die Antwort darauf ist Jain, denn es ist nur für einige Browser möglich, diesen kleinen Trick anzuwenden, welcher es euch ermöglicht Divcontainer abzurunden, einer der Browser der mit bekannt ist, ist der gute alte Firefox. Um euch mal ein einfache Beisiel hierfür zu geben, kommt hier ein kleiner Code-Schnippsel:

-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;

Eigentlich sollte sich der Quellcode von selbst erklären aber trotzdem hier eine kleine Erläuterung. Anhand der Werte bottomleft etc. gebt ihr an welche Ecke abgerundet werden soll, so zum Beispiel bei bottomleft die untere linke Kante des Divs. Die Wert Angabe dahinter sollte euch aus Photoshop bekannt sein, welche angiebt um wieviel Pixel die Abrundung durchgeführt werden soll.

Mehr gibt es zu diesem Thema eigentlich kaum noch zu sagen, ausser dass diese Abrundung in Browsern welche dies nicht unterstützen einfach nicht angezeigt wird und der eigentlich abgerundete Div als normaler eckiger Div wieder angezeigt wird.