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

css3字体怎样设置阴影

WBOY
Libérer: 2021-12-15 10:43:25
original
4424 Les gens l'ont consulté

在css中,可以利用“text-shadow”属性给字体设置阴影,该属性用于给文本设置阴影效果,属性值可以设置文本的水平垂直阴影、模糊距离和阴影颜色,语法为“元素{text-shadow:水平阴影 垂直阴影 blur color;}”。

css3字体怎样设置阴影

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3字体怎样设置阴影

在css中,想要设置字体的阴影,可以利用text-shadow属性。

语法如下:

text-shadow: h-shadow v-shadow blur color;
Copier après la connexion

text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

属性值如下:

11.png

示例如下:

      Document  

这是没有阴影的文本样式

这是有阴影的文本样式

Copier après la connexion

输出结果:

10.png

(学习视频分享:css视频教程

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:
css
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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!