1、分别在文本的4个边上添加1像素的黑色阴影。
2、设计阴影不发生位移，同时定义阴影模糊既可。用一个或一组阴影都可以。
<p class="p1">Text Shadow</p> <p class="p2">Text Shadow</p>
body{ background-color: #ccc; } p{ text-align: center; padding: 24px; margin: 0; font-family: helvetica,arial,sans-serif; color: #d1d1d1; font-size: 80px; font-weight: bold; } .p1{ text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .p2{ text-shadow:0 0 0.2em #f87, -0 -0 0.2em #f87; }