Maison  >  Article  >  interface Web  >  Comment définir l'effet d'ombre du texte HTML

Comment définir l'effet d'ombre du texte HTML

醉折花枝作酒筹
醉折花枝作酒筹original
2021-04-23 18:15:0313040parcourir

En HTML, vous pouvez utiliser text-shadow pour définir l'effet d'ombre du texte. Il vous suffit d'ajouter le style "text-shadow: valeur valeur flou distance couleur de l'ombre" à l'élément de texte. La propriété text-shadow ajoute une ou plusieurs ombres au texte, qui est une liste d'ombres séparées par des virgules.

Comment définir l'effet d'ombre du texte HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Tout d'abord, nous créons une nouvelle balise P en HTML et saisissons le contenu. Nous pouvons définir une classe pour cette balise P, nous l'appelons ici [PTitle].

Comment définir leffet dombre du texte HTML

Comment définir leffet dombre du texte HTML

Utilisez l'ombre [text-shadow]. Définissez les positions de décalage des axes X et Y pour lui. Réglez le niveau de flou et la couleur sur 10 pixels.

Comment définir leffet dombre du texte HTML

Comment définir leffet dombre du texte HTML

Comment définir leffet dombre du texte HTML

Voir l'effet :

Comment définir leffet dombre du texte HTML

Apprentissage recommandé : Tutoriel vidéo HTML

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