La propriété CSS text-shadow est utilisée pour ajouter une ou plusieurs ombres au texte ; la liste des ombres doit être séparée par des virgules. Chaque ombre a deux ou trois valeurs de longueuret une valeur de couleur facultative à spécifier, la. la longueur est omise. La valeur est 0.
Comment utiliser la propriété CSS text-shadow ?
La propriété text-shadow définit une ombre sur le texte.
Syntaxe :
text-shadow: h-shadow v-shadow blur color
Valeur de l'attribut :
Quantityh-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.
● Le flou est facultatif. Distance floue.
●La couleur est facultative. La couleur de l'ombre.
Remarque : 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 de propriété CSS text-shadow
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>Rendu :
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
