
			<p>在CSS3详解的上一篇中我们讲到了<span style="color: #353535; font-family: 'Microsoft Yahei', Arial, Verdana; line-height: 24px;"><a style="color: #305999; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial;" href="http://www.daqianduan.com/css3-transform/">transform</a>的具体属性和用法，今天我们看一个相对简单的<a href="http://www.daqianduan.com/css3-text-shadow/ ?">text-shadow</a>。</span></p>
<h2>CSS3 text-shadow是什么？</h2>
<p>text-shadow的含义是：文本的阴影，给文本添加阴影效果</p>
<h2>CSS3 text-shadow书写格式：</h2>
<p>text-shadow:<strong>a</strong>px <strong>b</strong>px <strong>c</strong>px #<strong>color</strong>；</p>
<p>其中<strong>a</strong>指X轴上的位移，<strong>b</strong>指Y轴上的位移，<strong>c</strong>指阴影的宽度，<strong>color</strong>指阴影的颜色值；<strong>a</strong>、<strong>b</strong>可为负，<strong>c</strong>不能为负。</p>
<p>下面我们来简单的演示两个实例说明text-shadow的用法：</p>
<h3>实例一：</h3>
<blockquote>
<p id="_mcePaste"><span style="font-family: monospace;"><span style="line-height: normal;"><span style="color: #666666;"><span class="css-select-op">.</span><span class="css-selector" style="color: #1111bb;">demo01</span><span class="css-punctuation">{</span><span class="css-identifier" style="color: black;">text-shadow</span><span class="css-punctuation">:</span><span class="css-unit" style="color: #228811;">2px </span><span class="css-unit" style="color: #228811;">2px </span><span class="css-unit" style="color: #228811;">5px </span><span class="css-colorcode" style="color: #229999;">#305999</span><span class="css-punctuation">}</span></span></span></span></p>
</blockquote>
<h3>实例二：</h3>
<blockquote><p><span style="color: #666666; font-family: monospace; line-height: normal;"><span class="css-select-op">.</span><span class="css-selector" style="color: #1111bb;">demo02</span><span class="css-punctuation">{</span><span class="css-identifier" style="color: black;">background</span><span class="css-punctuation">:</span><span class="css-colorcode" style="color: #229999;">#305999</span><span class="css-punctuation">;</span><span class="css-identifier" style="color: black;">text-shadow</span><span class="css-punctuation">:</span><span class="css-unit" style="color: #228811;">1px </span><span class="css-unit" style="color: #228811;">1px </span><span class="css-unit" style="color: #228811;">1px </span><span class="css-colorcode" style="color: #229999;">#fff</span><span class="css-select-op">,</span><span class="css-value" style="color: #770088;">-1px </span><span class="css-value" style="color: #770088;">-1px </span><span class="css-unit" style="color: #228811;">1px </span><span class="css-colorcode" style="color: #229999;">#fff</span><span class="css-punctuation">}</span></span></p></blockquote>
<p>ok，通过实例二我们可以很简单的给文字添加边框，这只是?text-shadow的一个小技巧罢了，也许你可以创建更好的效果，这里就不一一列举了！</p>
<p>转载请注明：<a href="http://www.daqianduan.com">大前端</a> &raquo; <a href="http://www.daqianduan.com/css3-text-shadow/">CSS3详解：text-shadow</a></p>		