2Verdana,Geneva,sans-serif;颜色:#f39;文字阴影:1px1px2pxrgba(0,0,0,.8),001emrgba(255,0,255,0.5),000.2emrgba(0,0,255,0.9);}
疗效如图：
这里我们使用rgba Hue，它是CSS中同时声明颜色和透明度的一种方式，大多数A级浏览器都支持（不仅仅是IE）。 有关更多信息css四周阴影，请访问：“RGBa 浏览器对色调的支持” - 我们建议对黑色半透明情况使用这些简单的符号。
文本阴影的浏览器兼容性
目前Firefox3.5+、Safari1.1+/chrome2.0+、opera9.5支持text-shadow，但IE不支持。 需要注意的是，Safari 在 4.0 中仅支持多层阴影。
盒子阴影
我们先来说说IE。 IE不支持box-shadow属性，可以使用里面提到的两个滤镜来实现阴影效果。 也就是说，IE不区分文本阴影和包阴影！ 这也存在一些问题：元素内的文本将继承元素的阴影设置。 如果不定义元素的背景和颜色，则只会出现文本阴影。 如果只定义背景属性而不定义边框，则只会出现包阴影，文字不会出现阴影； 而如果只定义了 border 属性，没有定义背景，就会出现包阴影，内容文字和图片也会出现阴影。 有兴趣的朋友可以折腾一下。
好吧，现在让我们忘记 IE，看看 box-shadow。 其实理解了text-shadow之后，box-shadow就很容易理解了。 目前，只有 firefox 和 safari/chrome 通过私有属性支持 box-shadow 属性。 虽然Opera浏览器还不支持这个属性，并且在其文档中提到下一个版本的引擎Presto2.3（最新版Opera10.10的引擎是Presto2.2.15）将支持box-shadow，那么让我们慢慢等待。
box-shadow的句型与text-shadow的句型相同。
#boxShadow{ ... -webkit-box-shadow:2px 2px 2px black; -moz-box-shadow:2px 2px 2px black; ... }
事实上，box-shadow 和 border-radius 是非常好的搭档：
#boxShadow1{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius
凌众科技专业提供服务器租赁、服务器托管、企业邮局、虚拟主机等服务。 公司网站：为了给客户提供更多的技术信息，本技术文章收集自互联网。 灵中科技尊重作者版权，如涉及您的版权，需要删除您的文章，请联系我们。 以上信息与文章正文是不可分割的一部分。 如需转载本文，请保留以上信息，谢谢！
设计师经常使用一些独特的字体效果和页面效果。 影子就是其中之一。 它可以使页面上的文本和元素具有三维效果，因此它们被突出显示。 传统方式中，我们可能经常需要把文字剪下来，直接使用图片。 如果考虑SEO和网站性能，我们也可能会使用CSSSprites等技术来整合图片，例如：
1 2 3 4
h2{ background:url(sprites.png) no-repeat 0 0; font-size:0; text-indent:-9999em;...} h2#title1{background-position:0 -30px;} h2#title2{background-position:0 -60px;} ....
这是一件棘手的事情，拼接图片会花费你很多时间，而且为了达到更好的视觉效果，你可能不得不使用高质量的32位png图片，这会让你面临令人讨厌的IE6 png透明度问题！
其实对于文字的阴影效果，我们可以使用CSS来实现！
您可以先观看演示。
文字阴影
text-shadow可以让我们实现完美的文字阴影效果。 基本写作：
text-shadow:[颜色 x轴 y轴 模糊半径],[颜色 x轴 y轴 模糊半径]...
或者
text-shadow:[x轴 y轴 模糊半径 颜色],[x轴 y轴 模糊半径 颜色]...
这里的颜色是阴影的颜色，你可以把颜色写在上面，也可以写在最后。 x轴和y轴分别是其阴影的偏转位置，模糊直径可以理解为阴影厚度。 而且现在大多数浏览器都支持多层阴影，您可以使用冒号分隔多组设置（实际上，您可以只使用单个设置）。
例子：
h1{color:#000; background:#333; font:bold 24px/2 "微软雅黑",Arial; text-indent:2em; text-shadow:black 2px 2px 2px; }
疗效如右图：
目前除 IE 之外的大多数浏览器都支持该属性。 对于IE，我们可以使用shadow滤镜来实现：
filter: Shadow(Color=''black'', Direction=''135'', Strength=''2'')
你可能已经注意到，使用阴影滤镜只能定义角度方向，而不能定义xy轴，而且z轴也被强度取代了。 注意，使用该滤镜时，不能设置背景色，否则滤镜无效！ 另外，如果你的物理不是很好，而且你不懂三角函数的算法，你可以使用IE的另一个滤镜：dropshadow：
filter: dropshadow(OffX=2, OffY=2, Color=''black'', Positive=''true'');
好吧，IE总是会阻碍我们，但值得一提的是，IE中的这两个滤镜支持多层阴影！ 例如，您可以编写： 有关 IE 的这两个过滤器的更多信息，请参阅：Shadow 和 Dropshadow
我们来看一个多层阴影的例子：
h1{字体：bold32px/
凌众科技专业提供服务器租赁、服务器托管、企业邮局、虚拟主机等服务。 公司网站：为了给客户提供更多的技术信息，本技术文章收集自互联网。 灵中科技尊重作者版权，如涉及您的版权，需要删除您的文章，请联系我们。 以上信息与文章正文是不可分割的一部分。 如需转载本文，请保留以上信息，谢谢！
s:10px;边框:1pxsolidddd;-webkit-box-shadow:0010pxblack;-moz-box-shadow:0010pxblack;padding:10px;}
疗效如图：
Firefox从3.5版本才开始支持box-shadow，阴影的渲染还不够完善。
总结
CSS阴影是CSS3中一个非常有用的功能。 我们已经可以在 Firefox/webkit/Opera 中使用 text-shadow，很快我们也可以在这个浏览器中实现 box-shadow。 只有IE孤军奋战，仍然坚持其生硬的过滤器，这实在是一个悲剧。
凌众科技专业提供服务器租赁、服务器托管、企业邮局、虚拟主机等服务。 公司网站：为了给客户提供更多的技术信息，本技术文章收集自互联网。 灵中科技尊重作者版权，如涉及您的版权，需要删除您的文章，请联系我们。 以上信息与文章正文是不可分割的一部分。 如需转载本文css四周阴影，请保留以上信息，谢谢！
