css box-shadow属性
翻译结果：
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>运行实例 »
点击 "运行实例" 按钮查看在线实例