边框阴影设置

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:阴影的模糊宽度;

posted @ 2017-05-25 16:18  漠小飞  阅读(399)  评论(0编辑  收藏  举报