给文字添加阴影效果

　　CSS3中，可以给文字添加阴影，也可以给盒子添加阴影，从而达到更好的视觉效果

　　文字添加阴影用text-shadow属性，默认none。

　　texe-shadow 语法：

　　 h-shadow:阴影的水平位置

　    v-shadow:阴影的垂直位置

　　blur:阴影的模糊程度

　   color:阴影的颜色

　　HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阴影</title>
    <link rel="stylesheet" href="shadow.css">
</head>
<body>
    <div>
        text-shadow
    </div>
</body>
</html>

　　CSS：

div
{
    font-size: 50px;
    color: orange;
    text-shadow: 10px 10px 5px #0395e1;
}

  效果图如下：

posted @ 2019-05-30 14:49  一颗糊涂淡  阅读(622)  评论(0)  编辑  收藏  举报