recherche

Maison  >  Article  >  interface Web  >  Comment utiliser la propriété CSS text-shadow

Comment utiliser la propriété CSS text-shadow

青灯夜游
青灯夜游original
2019-05-30 11:14:363543parcourir

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 longueur​​et une valeur de couleur facultative à spécifier, la. la longueur est omise. La valeur est 0.

Comment utiliser la propriété CSS text-shadow

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 :

Comment utiliser la propriété CSS text-shadow

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：Comment utiliser la propriété CSS page-break-insideArticle suivant：Comment utiliser la propriété CSS page-break-inside

Articles Liés

Voir plus