Maison > interface Web > Questions et réponses frontales > Comment ajouter un effet d'ombre aux polices en CSS

Comment ajouter un effet d'ombre aux polices en CSS

藏色散人
Libérer: 2022-12-30 11:11:15
original
8560 Les gens l'ont consulté

Comment ajouter un effet d'ombre aux polices en CSS : Créez d'abord un exemple de fichier HTML ; puis ajoutez un effet d'ombre à la police spécifiée via l'attribut "text-shadow: 5px 5px 5px #FF0000;".

Comment ajouter un effet d'ombre aux polices en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Recommandations associées : "Tutoriel vidéo CSS"

La propriété text-shadow définit un effet d'ombre sur le texte.

Syntaxe :

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

Commentaires : La propriété text-shadow ajoute une ou plusieurs ombres au texte. Cette propriété est une liste de nuances séparées par des virgules, chaque nuance étant spécifiée avec deux ou trois valeurs de longueur et une valeur de couleur facultative. La longueur omise est 0.

Valeur de la propriété :

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 :

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果!</h1>
</body>
</html>
Copier après la connexion

Rendu :

Comment ajouter un effet dombre aux polices en CSS

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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:
css
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