CSS3 ： box-shadow

box-shadow 用于设置边框阴影，语法：

1 box-shadow: h-shadow v-shadow blur spread color inset;
2 -moz-box-shadow: h-shadow v-shadow blur spread color inset;

 

box-shadow:
    必需。水平阴影的位置。允许负值。
    必需。垂直阴影的位置。允许负值。
    可选。模糊距离
    可选。阴影的尺寸
    可选。阴影的颜色
    可选。将外部阴影 (outset) 改为内部阴影。

 如果要实现四边相同阴影效果，只设置阴影模糊半径和阴影颜色，比如： box-shadow: 0 0 10px #06c;

 

各参数说明如下：

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

更多专业前端知识，请上 【猿2048】www.mk2048.com