摘要:
下文讲述使用css代码为div边框实现阴影效果的方法分享,如下所示;
在web开发中,为了美观我们需要为div边框设置阴影,那么下面将举例讲述使用css实现边框阴影的效果
实现思路:
使用css属性 box-shadow可实现其阴影设置
例:
猫猫教程(www.maomao365.com)--边框阴影设置.divShadow{
width:230px;
height:120px;
border:red 1px solid;
background:#fff;
color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=blue, direction=120, strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px blue;/*firefox*/
-webkit-box-shadow: 2px 2px 10px blue;/*safari或chrome*/
box-shadow:2px 2px 10px blue;/*opera或ie9*/
}
css 边框阴影的实现方法分享