Des coins arrondis aux modules et articles

Publié le par Perle rare

Vous voyez mon blog sous  Firefox, se rendent bien à l'évidence, que mes articles, sont arrondis à certains endroits, comment on peut le faire?

Il suffit de copier coler ce code dans votre css:

.contenuArticle { border-bottom: 3px solid  #E8AFA0; border-style:groove ;border-top: 3px solid #E8AFA0; border-style:groove  ; border-left: 3px solid #E8AFA0; border-style:groove ;border-right: 3px solid #E8AFA0; border-style:groove ; -moz-border-radius : 4em  0 ;}

 

-La couleur rose représente la couleur de bordure

-La couleur orange représente l'epaisseur de bordure

-La couleur verte représente l'arrondement de bordure

 

On fait la même chose pour les modules.

 

 

Si vous désirez avoir d'autres formes, remplacez la couleur verte avec ce que vous voulez:


moz-border-radius.gif

 

 


Publié dans Blog et CSS

Commenter cet article