box

英 [bɒks]   美 [bɑ:ks]  

n.盒;箱状物;包厢;哨房

vt.把…装入盒[箱,匣]中

vt.& vi.拳击

第三人称单数: boxes 复数: boxes 现在分词: boxing 过去式: boxed 过去分词: boxed

shadow

英 [ˈʃædəʊ]   美 [ˈʃædoʊ]  

n.阴影;影子;鬼,幽灵;隐蔽处

vt.投阴影于;使朦胧;跟踪,尾随;预示

vi.渐变;阴沉

adj.阴影的;影子内阁的;非正式的

第三人称单数: shadows 复数: shadows 现在分词: shadowing 过去式: shadowed 过去分词: shadowed

css box-shadow属性 语法

作用:向框添加一个或多个阴影。

语法:box-shadow: h-shadow v-shadow blur spread color inset;

说明:h-shadow必需。水平阴影的位置。允许负值。v-shadow必需。垂直阴影的位置。允许负值。blur可选。模糊距离。spread可选。阴影的尺寸。color可选。阴影的颜色。请参阅 CSS 颜色值。inset可选。将外部阴影 (outset) 改为内部阴影。

注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

css box-shadow属性 示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例