div{ width:200px; height:200px; border:1px solid #000066; margin:100px; background-color:#ccc; /* *向框添加一个或多个阴影,设置阴影元素的值 *box-shadow: h-shadow v-shadow blur spread color inset; *h-shadow 必需。水平阴影的坐标。允许负值。 *v-shadow 必需。垂直阴影的坐标。允许负值。 *blur 可选。模糊距离。负值阴影元素将不可见 *spread 可选。设置阴影元素的尺寸。0px和源对象一样大,允许负值。 */ /* *示例:右边显示红色阴影,左边显示灰色阴影,上面显示蓝色阴影 */ -webkit-box-shadow:5px 0px 8px -3px red,-15px 0px 8px -5px #888,0px -15px 8px -5px blue; }