Maison >interface Web >tutoriel CSS >Comment utiliser l'attribut text-shadow
Comment utiliser l'attribut text-shadow
- 青灯夜游original
- 2019-01-30 14:26:547585parcourir
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.
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;
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>Rendu :
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!