Um einen Rahmen mit abgerundeten Ecken zu erstellen, benötigt man die CSS3-Angabe “border-radius“. Diese Angabe regelt den Radius von allen 4 Ecken. Einzelne Ecken werden mit border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius und border-top-left-radius angesprochen.
<div style="border: 1px solid black; border-radius: 5px;">Box mit abgerundeten Ecken und einem Radius von 5 Pixeln in jeder Ecke
</div>
Die Angabe funktioniert auch ohne Rahmen, allerdings sollte sich die Hintergrundfarbe der Box vom Seitenhintergrund unterscheiden, ansonsten wird man nicht allzuviel zu sehen bekommen 