1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9 <style> 10 h1 { 11 /* 12 文字显示阴影效果共4个值， 13 第一个代表距离左多少距离开始显示阴影效果 14 第二个值代表距离上多少距离开始显示阴影效果 15 第三个值代表阴影范围大小 16 第四个值为阴影效果颜色 17 */ 18 text-shadow: 1px 1px 10px #000; 19 padding: 10px; 20 color: #fff; 21 background: #ccc; 22 } 23 </style> 24 </head> 25 26 <body> 27 <h1>00005</h1> 28 </body> 29 30 </html>