边框阴影设置
1. 4个边框有阴影:
box-shadow: 1px 1px 10px #42d9e8,
-1px 1px 10px #42d9e8,
0px -2px 6px #42d9e8;
2. 仅下边框阴影(其他边框同理):
box-shadow: 0px 5px 5px #00ff00;
0px : 表示水平阴影的位置;
5px : 表示垂直阴影的位置;
5px : 表示模糊距离;
#00ff00:表示阴影颜色;
3. 兼容IE的阴影:
加入如下代码:
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ff0000,direction=180,strength=4);
color:阴影的颜色;
direction:表示阴影的方位,90为右边阴影,180为下边阴影,同理一次类推;
strength:阴影的模糊宽度;