Maison > interface Web > tutoriel CSS > Comment ajouter un trait au texte en CSS

Comment ajouter un trait au texte en CSS

王林
Libérer: 2020-11-16 10:34:46
original
3687 Les gens l'ont consulté

Comment ajouter des traits au texte avec CSS : Vous pouvez utiliser l'attribut text-shadow pour ajouter des traits au texte, tel que [text-shadow : 0 0 5px #FF0000, 0 0 5px #6bf403;]. La propriété text-shadow s'applique au texte ombré.

Comment ajouter un trait au texte en CSS

Introduction à l'attribut :

l'attribut text-shadow est appliqué au texte ombré.

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

Syntaxe :

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

Valeur d'attribut :

  • h-ombre 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

Effet :

Comment ajouter un trait au texte en CSS

Recommandations associées : Tutoriel CSS

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