CSS中有一种字体阴影的功能text-shadow可以对字体文字添加阴影。text-shadow共有4个属性:
可以通过多个阴阳颜色叠加产型文字光晕的效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>发光字体</title>
<style type="text/css">
.title {font-family: 幼圆;color: #e7e7ff; font-weight: bold;cursor: pointer; text-shadow: 0 0 10px #22c5ff,
0 0 20px #1dccff,
0 0 30px #a666ff,
0 0 40px #00a67c,
0 0 70px #2248a6,
0 0 80px #00a67c,
0 0 100px #00a67c,
0 0 150px #00a67c;}
</style>
</head>
<body>
<div class="title">
发光字体
</div>
</body>
</html>
效果如下