<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>文字阴影</title>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
height: 100vh;
background: linear-gradient(45deg,#bfbfbf,#e6e6e6);
display: flex;
justify-content: center;
align-items: center;
}
h1{
font-size:20vmin;
line-height: 1;
margin: 0;
letter-spacing: 5px;
color: #e6e6e6;
text-align: center;
text-shadow: 1px -1px #fff,-1px 1px #999,-5px 5px 5px #808080;
}
</style>
</head>
<body>
<h1>shadow text effect</div>
</body>
</html>
本文介绍了如何使用HTML和CSS创建文字阴影效果，通过`text-shadow`属性来为文本添加视觉层次感，包括不同偏移量和颜色的组合。
1165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
