html-3 文字阴影

最新推荐文章于 2024-04-21 11:00:35 发布

独钓寒江雪～

最新推荐文章于 2024-04-21 11:00:35 发布

阅读量1.1k

点赞数

分类专栏： HTML练习文章标签： html css3 css

本文链接：https://blog.csdn.net/bdqx_007/article/details/122080519

版权

HTML练习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文字阴影text-shadow的语法如下：

text-shadow: h-shadow v-shadow blur color

值	描述
h-shadow	必填，水平阴影的位置，可以为负值
v-shadow	必填，垂直于阴影的位置，可以为负值
blur	可选，模糊的距离
color	可选，阴影的颜色

<!DOCTYPE html>
<Html lang="zh_CN">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>文字阴影</title>
        <style>
 
            div{
                font-size: 50px;
                color:orange;
                font-weight: 700;
                text-shadow: 5px 5px 6px rgba(-55,-38,4,.3);
            }
        </style>
    </head>
    <body>
        <div>独钓寒江雪</div>
    </body>
</Html>

效果展示
在这里插入图片描述

优惠劵

独钓寒江雪～

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html-3 文字阴影

文字阴影text-shadow的语法如下：text-shadow: h-shadow v-shadow blur color值描述h-shadow必填，水平阴影的位置，可以为负值v-shadow必填，垂直于阴影的位置，可以为负值blur可选，模糊的距离color可选，阴影的颜色<!DOCTYPE html><Html lang="zh_CN"> <head> <meta charset
复制链接

扫一扫