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 the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.