好看的文字阴影 *{ margin: 0; padding: 0; } body{ height: 100vh; display: flex; align-items: center; justify-content: center; background:#...
效果截图：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>好看的文字阴影</title>
<style>
*{
margin: 0;
padding: 0;
}
body{
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background:#dedede;
}
h1{
font-size: 10vmin;
color: #fff;
letter-spacing: 5px;
text-shadow: 1px -1px #fff, -1px 1px #ccc, -10px 10px 10px #80808080;
}
</style>
</head>
<body>
<h1>好看的文字阴影</h1>
</body>
</html>
