Séparateurs CSS
16 Avril 2008 par Devil Can't Burn
Un court et rapide tutoriel sur une technique css pour créer
des séparateurs simples et jolis avec une balise <p>
et une classe.
Fini les images...
Place maintenant au css ! Afin d'optimiser l'affichage de votre site en terme de rapidité, rien n'est plus accessible qu'une classe CSS. Cette technique offre un avantage majeur, celui de ne plus utiliser d'image pour créer vos séparateurs de textes, blocs, rubrique, menus, etc...Code HTML
<p class="separateur"></p>
CLASSE CSS
.separateur {
display:block;
height: 2px;
border-top: 1px solid #d9bd88;
border-bottom: 1px solid #f7f2e7;
background-color:#e0d0b1;
margin:10px 0 10px 0;
}
Quelques exemples ici...
Yoplait a écrit le Jeudi 24 Avril 2008 à 06H39
La vache c'est trop bien ! trop facile en plus !!
Maroufleur a écrit le Vendredi 18 Avril 2008 à 17H53
Yo, c'est terrible sqeu ça donne !! Bonne CSS là !