Pour obtenir cet effet, j'utilise 4 boites <DIV> imbriquées. Chacune affiche un coin en image de fond. Pour éviter d'utiliser trop de balises (ajout de conteneurs), j'utilise la balise de plus haut niveau pour définir la taille de la boite et celle de plus bas niveau pour définir les marges intérieures.
L'avantage de cette méthode est qu'elle permet n'importe quelle taille de boite sans problèmes.
Certainement plus correcte qu'un tableau, la sémantique de cette méthode reste discutable.
<div class="upperleft"> <div class="upperright"> <div class="lowerleft"> <div class="lowerright"> Votre texte ici. </div> </div> </div> </div>
La feuille de style : coins_arrondis.css
À voir également:
Soutenez le mangeur de cigogne