demo.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
background-color: #ccc;
}
p {
font-size: 100px;
font-weight: 700;
font-family: "Microsoft Yahei"
text-shadow: 5px 5px 6px orange; /* 水平位移 垂直位移 模糊度 颜色 */
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; /* (文字凸起效果)可以通过","添加多个阴影 */
text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff; /* (文字凹陷效果) */
color: #ccc; /* 字体颜色放在text-shadow下面才生效 */
}
</style>
</head>
<body>
<p>苍茫的天涯我的爱!</p>
</body>
</html>