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>

运行实例 »

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

热门推荐

最新文章