html怎么让边框有阴影效果图,css 如何实现边框阴影效果呢?

摘要:

下文讲述使用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 边框阴影的实现方法分享