Html学习之十四（阴影文字的设计） 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>阴影文字</title>
        <style type="text/css">
            .text{
                text-shadow:5px 5px 2px white,5px 5px 2px black;
                font-family: impact;
                font-size: 32px;
                color: red;
                font-weight: bolder;
            }
        </style>
    </head>
    <body>
        <div class="text">We are family</div>
    </body>
</html>

结果：

 

posted @ 2019-03-30 23:49  泰初  阅读(220)  评论(0)  编辑  收藏  举报