Comment rendre le texte de l'ombre en CSS

Instructions

1. Ouvrez la feuille de style CSS référencée dans la page HTML contenant le texte que vous souhaitez ajouter une ombre à l'aide d'un éditeur HTML ou dans un éditeur de texte comme Notepad ou TextEdit.

2. Insérez le code CSS suivant n'importe où dans la feuille de style CSS:

   p.shadow

   {

   text-shadow: 20px # 6374AB -12px 2px;

   
   
   
   
   

   }

3. Remplacer "# 6374AB" avec la couleur hexadécimal vous voulez l'ombre de l'être.

4. Remplacer "20" avec les coordonnées x de l'ombre. Utilisez un nombre négatif si vous voulez l'ombre à apparaître sur le côté gauche du texte- utiliser un nombre positif si vous voulez l'ombre à apparaître sur le côté droit du texte.

5. Remplacez "-12" avec la coordonnée y de l'ombre. Utilisez un nombre négatif si vous voulez l'ombre à apparaître sous le texte- utilisent un nombre positif si vous voulez l'ombre à apparaître au-dessus du texte.

6. Remplacer "2" avec le rayon du flou pour l'effet d'ombre.

7. 
   
   

   Enregistrez le fichier et de le transférer à votre serveur. Ouvrez la page HTML qui contient le texte que vous souhaitez appliquer l'ombre à l'aide d'un éditeur HTML ou éditeur de texte.

8. Localisez la chaîne de texte dans votre document à laquelle vous souhaitez appliquer l'ombre. Ajoutez le code suivant avant le texte:

9. Ajouter la

   balise de fermeture à la fin du texte à laquelle vous souhaitez ajouter l'ombre.

10. Enregistrez le fichier et de le transférer à votre serveur. Visualiser votre page pour voir l'effet d'ombre.