Maison > interface Web > tutoriel CSS > le corps du texte

Comment définir l'ombre du texte en CSS3 ? Comment définir l'ombre du texte en utilisant text-shadow en CSS3

不言
Libérer: 2018-09-25 11:33:37
original
4449 Les gens l'ont consulté

Il existe de nombreux attributs en CSS3 qui sont très pratiques et concis à utiliser. Par conséquent, l'article d'aujourd'hui vous présentera l'attribut text-shadow en CSS3. Cet attribut peut ajouter une ombre à la police. L'attribut -shadow définit les valeurs d'attribut associées. Jetons un coup d'œil au contenu spécifique de l'utilisation de text-shadow en CSS3 pour définir l'ombre du texte.

Tout d’abord, examinons de plus près la propriété text-shadow.

Attribut text-shadow : En CSS3, vous pouvez utiliser l'attribut text-shadow pour ajouter un effet d'ombre au texte de la page. Vous pouvez obtenir certains effets souhaités en définissant des valeurs d'attribut pertinentes. ​​à l'attribut text-shadow. L'effet d'ombre de police réduit l'utilisation d'images.

Comment utiliser l'attribut text-shadow : text-shadow : X axis Y axis Rpx color ;

Description de l'attribut (ordre correspondant) : Shadow Value) L'axe Y de l'ombre (des valeurs négatives peuvent être utilisées) La valeur du flou de l'ombre (taille du rayon) La couleur de l'ombre.

Jetons ensuite un coup d'œil à un petit exemple de définition de l'ombre du texte par CSS3 :

<h1>PHP中文网文字阴影</h1>
Copier après la connexion
h1{
    text-shadow: 2px 3px 1px pink;
     color:blue;
}
Copier après la connexion

L'effet de la définition de l'ombre du texte par CSS3 est comme suit :

Comment définir lombre du texte en CSS3 ? Comment définir lombre du texte en utilisant text-shadow en CSS3

Explication :

1) Distance de déplacement : Parmi les paramètres utilisés par text-shadow, les deux premiers paramètres sont l'horizontal direction de l'ombre sortant du texte. et la distance de déplacement dans le sens longitudinal. Ces deux paramètres doivent être précisés lors de leur utilisation

2) Rayon de flou de l'ombre : Le troisième paramètre de l'attribut text-shadow est le ; le rayon de flou de l'ombre, qui représente le moment où l'ombre devient floue vers l'extérieur.

3) Couleur de l'ombre : Le quatrième paramètre de l'attribut text-shadow est la couleur utilisée lors du dessin de l'ombre. être placé avant les trois paramètres ou entre les paramètres après. Lorsqu'aucune valeur de couleur n'est spécifiée, la valeur de couleur du texte est utilisée.

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