css3之box-shadow

iteye_2245

于 2012-02-28 15:54:25 发布

阅读量109

点赞数

分类专栏： css3 文章标签： css3 box-shadow

css3 专栏收录该内容

53 篇文章

订阅专栏

本文详细介绍了CSS3中的box-shadow属性，包括其语法、兼容性和如何在实际代码中应用该属性来设置元素的阴影效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS3之 box-shadow

-------设置块阴影。

1、语法：

box-shadow: <length> <length> <length> <length> || <color>

<length><length><length>?<length> || <color>

阴影水平偏移（也可以设置负值），阴影垂直偏移（也可以设置负值）；阴影模糊值，阴影颜色。

2、兼容性：

3、代码展示：

.test{
   width:200px;
   height:100px;
   box-shadow:4px 2px 2px #333;
   -moz-box-shadow:4px 2px 2px #333;
   -webkit-box-shadow:4px 2px 2px #333;
}