《
CSS3入门教程(4)：关于阴影》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023320H013.htm
CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cpx #xxx,CSS3入门教程(3)：边框颜色;
Apx = x轴
Bpx = y轴
Cpx = 投影长度
#XXX = 像通常一样的色彩
以下是代码片断：
.textShadowMultiple {
,CSS3入门教程(2)：边框半径和圆角; font-size: 3.2em;
color: #FFF;
text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0,CSS3入门教程(10)：HSL和HSLA;
text-align: center,CSS3入门教程(1)：CSS3简介;
padding: 10px 0px 5px 0px;
background: #151515;
}
这种效果同样可以用于图片…
浏览器兼容性：
实在大家都晓得CSS的阴影从CSS2开端就有了，不外只有Safari浏览器支持它，到现在仍是这样子。阴影在CSS3中能够利用在边框跟文字上,CSS3中背景的四个新的属性，就像图片的阴影效果一样。
以下是代码片段：
.textShadowSingle {
,CSS3下的渐变文字效果实现;font-size: 3.2em;
color: #F5F5F5;
text-shadow: 3px 3px 7px #111;
text-align: center;
}
以下是代码片段：
#boxShadow{
border: 5px solid #111;
-webkit-box-shadow: 5px 5px 7px #999;
-webkit-border-bottom-right-radius: 15px;
padding: 15px 25px;
height: inherit,Css3 弹性盒模型;
width: 590px;
}
× FireFox (3.0.5) - [FireFox (3.1 PreAlpha) 兼容] × Google Chrome (1.0.154.) √ Google Chrome (2.0.156,
CSS3 VS CSS2大PK.)(支持不是太好) × Internet Explorer (IE7/ IE8 RC1) √ Opera (9.6) √ Safari (3.2.1, Windows)
懂得了这些，我们就可以以下面的方式开始休会了…
Tag：阴影 CSS3 CSS3入门 阴影 CSS3 CSS3入门
浏览器支持
× FireFox (3.0.5) - [FireFox (3.1 PreAlpha) 兼容] × Google Chrome (1.0.154.) √ Google Chrome (2.0.156.)(支持不是太好) × Internet Explorer (IE7/ IE8 RC1) √ Opera (9.6) √ Safari (3.2.1, Windows)
个别可以分为box-shadow和textshadow两类。
多重文字阴影：
浏览器支持：
简略文字阴影：
在前面的先容中，我们已经申明，并不是所有的浏览器都支持CSS3.最好的支撑CSS3暗影后果的阅读器是Safari，也就是说，咱们当初只须要用刀-webkit前缀。
--> [
网站建设之]CSS3入门教程(4)：对于阴影
浏览器支持：
× FireFox (3.0,
CSS3 Transition属性详解.5) - [FireFox (3.1 PreAlpha) 兼容] × Google Chrome (1.0.154.) √ Google Chrome (2.0.156.)(支持不是太好) × Internet Explorer (IE7/ IE8 RC1) ×,
CSS3 target伪类简单介绍; Opera (9.6) √ Safari (3.2.1, Windows)
(责任编辑：网站建设)
CSS3入门教程(4)：关于阴影相关文章