<p class="zw">我们可以设置多重阴影,来让文本的显示效果更加自然。多重阴影效果使用逗号隔开。</p> <pre class="代码无行号"><code>h1 { text-shadow : 2px 2px 0 rgba(125,130,131,.75), 2px 5px 10px rgba(125,130,131,.65); }</code></pre> <p class="zw">我们可以通过设置三种阴影效果来创建三维文本。下面我们在文本上面使用白阴影, 在文本下面使用两种黑色阴影。</p> <pre class="代码无行号"><code>h1 { text-shadow : 2px 2px 0 #0f2429, 2px 5px 10px rgba(15,36,41,0.5), 2px -2px 5px rgb(56,143,162); }</code></pre> <p class="图"><img alt="1207.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/109.jpg" style="width: 1272px" width="1272"></p> <p class="图题"><code>text-shadow</code>可以用来创建各种各样的效果,当与在线字体共同使用的时候, 我们就无需再使用大量的文字图像。</p>