用css3做阴影
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
div{
width: 600px;
height: 200px;
margin: 50px auto;
/* background: red; */
font: 60px/200px Arial;
text-align: center;
color: #fff;
letter-spacing: 20px;
text-shadow: 4px 4px 3px blue;
box-shadow:inset 0px 0px 2px 3px purple;
}
</style>
</head>
<body>
<div>
快乐
</div>
</body>
</html>