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>
运行实例 »
点击 "运行实例" 按钮查看在线实例