多颜色阴影效果，用逗号分隔text-shaodow即可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>text-shadow</title> <style type="text/css"> p { text-align: center; margin:0; font-family: helvetica, arial, sans-serif; color: #fff; font-size: 80px; font-weight: bold; text-shadow: 0.2em 0.5em 0.1em #600, -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006; } </style> </head> <body> <p>Text Shadow</p> </body> </html>
烈焰文字效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>text-shadow</title> <style type="text/css"> p { text-align: center; padding:24px; margin:0; font-family: helvetica, arial, sans-serif; color: #000; background:#000; font-size: 80px; font-weight: bold; text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; } </style> </head> <body> <p>Text Shadow</p> </body> </html>
原文：http://www.cnblogs.com/zcynine/p/5376645.html