Maison > interface Web > tutoriel CSS > Comment utiliser l'attribut text-shadow

Comment utiliser l'attribut text-shadow

青灯夜游
Libérer: 2019-01-30 14:26:54
original
7563 Les gens l'ont consulté

L'attribut text-shadow est utilisé pour ajouter un effet d'ombre au texte. Grâce à cet attribut, nous pouvons définir la position, la distance de flou et la couleur de l'ombre horizontale ou verticale.

Comment utiliser l'attribut text-shadow

Propriété CSS3 text-shadow

Fonction : Appliquer une ombre au texte.

Description : définissez ou récupérez si le texte de l'objet a des effets d'ombre et de flou.

Syntaxe :

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

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

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

flou : distance floue, peut être omise.

couleur : La couleur de l'ombre peut être omise.

Description : 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.

Exemple d'utilisation de l'attribut CSS3 text-shadow

<!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 utiliser lattribut text-shadow

Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !

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