在css中，可以 利用 “text -s hadow”属性给字体设置阴影，该属性用于给文本设置阴影效果，属性值可以设置文本的水平垂直阴影、模糊 距离 和阴影颜色，语法为“元素{text-shadow:水平阴影 垂直阴影 blur color;}”。
本教程操作环境：windows10系统、CSS3 && HT ML 5版、Dell G3 电 脑。
css3字体 怎样 设置阴影
在css中，想要设置字体的阴影，可以利用text-shadow属性。
语法如下：
text-shadow: h-shadow v-shadow blur color;
text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
属性值如下：
示例如下：
<!DOCTY PE html>
<html lang="en">
<head>
< ;m eta charset="UTF-8">
<meta n am e="viewport" content="width=device-width, in IT ial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie= Edge ">
<title>Document</title>
<style>
.wenben{
text-shadow: 5px 5px 5px # FF0000;
}
</style>
</head>
<body>
< h1 >这是没有阴影的文本样式</h1>
<h1 class="wenben">这是有阴影的文本样式</h1>
</body>
</html>输出结果：
（学习视频分享：css视频教程）
以上就是css3字体怎样设置阴影的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css3字体怎样设置阴影 全部内容，希望文章能够帮你解决 css3字体怎样设置阴影 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did200533