O'Reilly logo

CSS 2 - Pratique du design web, 3 edition by Raphaël Goetter

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required