Chapitre 14 - Créer un cadre arrondi

Les divers blocs et boîtes HTML, constituants élémentaires de la mise en page, sont par défaut rectangulaires donc anguleux. Pour obtenir des fantaisies graphiques telles que des arrondis, il est nécessaire de fabriquer des habillages sur mesure.

Principe et méthodologie

La version 3 des CSS prévoira une propriété pour l’arrondi des coins des blocs. Pour aboutir à ce genre d’effets et assurer la compatibilité sur tous les navigateurs, nous devons dans l’immédiat recourir à diverses bidouilles. Il s’agit simplement de doter d’une image de fond tout bloc de texte (<p>, <div> ou autre) dont on souhaite arrondir les angles.
Se pose évidemment la question de l’élasticité du bloc, susceptible de varier en hauteur ...

Get CSS 2 - Pratique du design web, 3 edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.