Truc CSS #6 – il y a le :before et l’:after

Vous pouvez utiliser les propriétés :before et :after en combinaison avec la commande content: pour ajouter une image ou du texte à un de vos element HTML.

un petit exemple:

p.liste:before {
	padding-right: 5px;
	content: url(../image/une_icone.gif);
}
p.liste:after {
	font-style: italic;
	content: " et un petit texte après...";
}
Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s


%d blogueurs aiment cette page :