Een voorbeeld van een div met ronde hoeken met maar 1 afbeelding.

De afbeelding kan je eenvoudig zelf maken met Photoshop:

1. Maak een nieuwe afbeelding met de afmetingen 30 x 30 pixel.
2. Zet je grid in op 15 pixel en activeer je grid, dus je layer is nu in 4 verdeeld.
3. Teken een cirkel waarvan enkel 1/4 te zien is en duplicate de layer telkens.
4. Met edit>Transform>Flip Horizontal en Vertical plaats je alles op zijn plaats.

Door CSS word de afbeelding telkens geknipt en op zijn plaats gezet.