Maison > interface Web > tutoriel CSS > Quelle est la méthode pour ajouter un trait au texte en CSS

Quelle est la méthode pour ajouter un trait au texte en CSS

王林
Libérer: 2020-11-17 17:26:58
original
2324 Les gens l'ont consulté

La façon d'ajouter un trait au texte en CSS consiste à utiliser l'attribut text-shadow pour ajouter un trait, tel que [text-shadow: 0 0 5px #FF0000;]. La propriété text-shadow s'applique au texte de l'ombre et h-shadow spécifie la position de l'ombre horizontale.

Quelle est la méthode pour ajouter un trait au texte en CSS

Propriétés associées :

La propriété text-shadow s'applique au texte ombré.

(Partage de vidéos d'apprentissage : tutoriel vidéo HTML)

Syntaxe :

text-shadow: h-shadow v-shadow blur color;
Copier après la connexion

Valeur d'attribut :

  • h-shadow Obligatoire. La position de l'ombre horizontale. Les valeurs négatives sont autorisées.

  • v-shadow Obligatoire. La position de l'ombre verticale. Les valeurs négatives sont autorisées.

  • flou Facultatif. Distance floue.

  • couleur en option. La couleur de l'ombre.

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <style> 
        h1 { 
            text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403; 
        } 
    </style> 
</head> 
<body> 
    <h1>Hello World</h1> 
</body> 
</html>
Copier après la connexion

Obtenir l'effet ;

Quelle est la méthode pour ajouter un trait au texte en CSS

Recommandations associées : Tutoriel HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal