› 柴寒宇宸 › 日志

柴寒宇宸

http://www.javakc.com

为文字设计阴影效果

2022-01-13 15:30:23 查看(133) 回复(0)

要求：

红色线表示浏览器窗口
java文件出现在屏幕中间
为文字设计凸起的阴影效果
为文字添加一个红色阴影

JAVA

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div{
            width: 600px;
            height: 350px;
            border: 1px solid black;
            background-color: #cccccc;
            text-align: center;
            line-height: 350px;
            font-size: 90px;
            color: #cccccc;
            text-shadow: -2px -3px 15px white,2px 3px 6px black,1px 3px 15px red;
        }
    </style>
</head>
<body>
    <div>
        <spen>JAVA</spen>
    </div>
</body>
</html>