text-shadow是我们可以省略前缀的几个CSS属性之一，类似的还有box-shadow，它必须应用于文本，并它们有相同的四个参数：

x-offset	水平位移
y-offest	垂直位移
blur	模糊值
color of shadow	阴影颜色

h1 { 
text-shadow: 0 1px 0 white;  
 color: #292929;  
 }

Text-Outline

和box-shadow一样，它可以设置多个阴影通过逗号分隔符。例如，我们创建文本框的轮廓，当webkit不支持stroke效果，我们可以使用下面的代码让更多的浏览器支持（虽然不是很美观）。

body { background: white; } 
h1 {  
 text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black; 
color: white; 
}

4、Text-Stroke

使用这个方法时要注意了，只有webkit（Safari, Chrome, iPhone）在最后的几年内还支持这个属性。其实，虽然我可能是错的，’text-stroke’还不属于CSS3范畴的一部分。在这种情况下，使用白色字体时，firefox会显示一个空白页面。要解决此问题，你即可以使用Javascript，也可以通过使用一种不同于背景颜色的文字颜色。

h1 { 
-webkit-text-stroke: 3px black;  
 color: white; 
}

出处：蓝色理想
责任编辑：bluehearts

上一页 你需要熟知10个的CSS3属性 [3] 下一页 你需要熟知10个的CSS3属性 [5]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。