Comment ajouter des ombres au texte en css

Thiswill vous apprend à ajouter des ombres au texte en CSS. Si le texte n`est pas un fichier image, vous pouvez insérer une balise dans votre CSS qui ajoutera une ombre portée.

Pas

  1. Image intitulée 12519946 1
1. Ouvrez votre fichier CSS. Vous pouvez utiliser n`importe quel document de traitement de texte tel que le Bloc-notes pour Windows ou texte Modifier pour Mac.
  • Image intitulée 12519946 2
    2. Insérez le code suivant:
    H1 {Text-Shadow: 2PX 2PX # FF0000-}
  • Les valeurs de chaque entrée désignent le Ombre horizontale (obligatoire), ombre verticale (requise), rayon de flou (en option), couleur (facultatif) et aucune (le paramètre par défaut qui ne montre pas une ombre). La taille de l`ombre et le rapport sont en pixels, alors assurez-vous d`ajouter "px" à la valeur - la couleur est en code de couleur hexagonale, qui est généralement une combinaison à six chiffres de lettres et de chiffres désignant la quantité de rouge, bleu et vert de la couleur.
    • Cet exemple montre 2 pixels d`ombre horizontale, 2 pixels d`ombre verticale et la couleur de l`ombre est rouge. Par exemple, l`étiquette d`ombre pour un texte avec une ombre qui est 2 pixels horizontalement et verticalement, a un effet de 8 pixels de flou, et une ombre de couleur noire semblerait semblable à: Text-Shadow: 2PX 2PX 8PX # 000000-.
  • Image intitulée 12519946 3
    3. Enregistrez votre fichier CSS. Si vous êtes capable, vous pouvez exécuter un test avant d`enregistrer pour voir comment votre codage apparaît en direct, ce qui est généralement une fonctionnalité avec code Visual Studio et Notepad++.
    • Articles connexes