Met de komst van CSS3 is het mogelijk via CSS ronde hoeken te bepalen voor elementen, momenteel hebben enkel FireFox/Mozilla en Safari 3 deze optie geïntrigeerd.
Andere browsers zullen het dus voorlopig nog zonder moeten doen, maar hoe gebruik je nu border-radius?

Ronde hoeken kan je op zoveel verschillende manieren verwezenlijken, de ene is al wat gecompliceerder dan de andere. Deze manier heeft 4 afbeeldingen nodig (voor elke hoek één), en 4 HTML elementen op ze op hun plaats te zetten. Eenvoudig en doeltreffend.

Zoals te zien bij Google Analytics, één pixel uit de hoek halen om zo visueel ronde hoeken na te bootsen.

Geen afbeeldingen, geen Javascript enkel pure CSS. Maar wel veel CSS en HTML elementen. Ja het is meestal kiezen of delen, je kan niet alles hebben natuurlijk.