Créer une ombre sous votre texte avec le CSS

Dans ce très cours tutoriel, nous allons voir comment créer une ombre sous un texte à l'aide du CSS! Ceci ne nécessite par une très grande connaissance de ce dernier.

Pour créer une ombre sous un texte, rien de plus simple! Il vous suffit d'insérer la ligne suivante dans votre CSS, dans la classe où vous souhaitez qu'il y ait une ombre :

text-shadow: 2px 2px 2px #fff;


Vous êtes libre de modifier la couleur de l'ombre à votre convenance! Pour cela il vous suffira de remplacer "#fff" par, à titre d'exemple, "#b7b7b7".


Pour ceux qui auraient quelques difficultés pour placer cette ligne, sachez qu'une classe se distingue comme ceci :

.contenuArticle {
               color: #adccf5; /* ici vous avez la couleur du texte */
               text-shadow: 2px 2px 2px #fff; /* là vous avez l'ombre sous votre texte */
               text-decoration: none; /* et ici vous avez la décoration du texte */
}

Notez que si vous appliquez cette exemple dans votre CSS, le texte de tous vos articles disposeront d'une ombre, donc faites attention où vous placez cette ligne!