css3-文本阴影效果、凹凸效果

最新推荐文章于 2024-07-22 18:43:53 发布

约德尔蒙

最新推荐文章于 2024-07-22 18:43:53 发布

阅读量3.1k

点赞数

分类专栏： CSS3

本文链接：https://blog.csdn.net/gyq04551/article/details/53263941

版权

CSS3 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        p{
            font-size: 150px;
            font-family: "Microsoft Yahei";
            text-align: center;
            line-height: 150px;
            font-weight: bold;
            /* 文字阴影： 水平位移 垂直位移  模糊程度  阴影颜色*/
            text-shadow: 30px 23px 31px #333;
        }
        /* text-shadow :文字阴影
           可以设置多个阴影
          每个阴影之间使用逗号隔开
           text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
        */
    </style>
</head>
<body>
        <p>我爱我的家乡！</p>
        <i>我爱我的家乡！</i>
</body>
</html>