text-shadow是給文本添加陰影效果府阀，box-shadow是給元素塊添加周邊陰影效果在辆。
為了兼容各主流瀏覽器并支持這些主流瀏覽器的較低版本渴逻，在基于Webkit的Chrome和Safari等瀏覽器上使用box-shadow屬性時(shí)悠轩，我們需要將屬性的名稱寫成-webkit-box-shadow的形式。Firefox瀏覽器則需要寫成-moz-box-shadow的形式坦康。
.box-shadow{
?//Firefox4.0-?
-webkit-box-shadow: X軸偏移量?Y軸偏移量陰影模糊半徑?陰影擴(kuò)展半徑?陰影顏色;?
//Safariand?Google?chrome10.0-??
? -moz-box-shadow: X軸偏移量?Y軸偏移量陰影模糊半徑?陰影擴(kuò)展半徑?陰影顏色;?
//Firefox4.0+竣付、?Google?chrome?10.0+?、?Oprea10.5+?and?IE9??
? box-shadow: X軸偏移量?Y軸偏移量陰影模糊半徑?陰影擴(kuò)展半徑?陰影顏色;?
}
比如我下面的這個(gè)box-shadow就是這個(gè)效果滞欠。
.box-shadow{
-webkit-box-shadow:3px 3px 3px #6B6B6B;
? -moz-box-shadow:3px 3px 3px #6B6B6B;
? box-shadow:3px 3px 3px #6B6B6B;
}
效果：（背景是藍(lán)色的卑笨，哈哈哈）。
這是我看的網(wǎng)上的一個(gè)博客寫出來的仑撞，原博很不錯(cuò)，大家可以看看妖滔。鏈接：http://blog.csdn.net/freshlover/article/details/7610269
