Maison > Article > interface Web > Comment ajouter un effet d'ombre aux polices en CSS

Comment ajouter un effet d'ombre aux polices en CSS

藏色散人original: 2021-01-07 09:45:168443parcourir

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;".

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;

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>

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!

Déclaration：

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

Article précédent：Quelle est la différence entre le premier enfant CSS et le nième enfantArticle suivant：Quelle est la différence entre le premier enfant CSS et le nième enfant

Articles Liés

Voir plus