css怎么给4个边框添加阴影

发布网友发布时间：2022-04-20 04:07

共5个回答

热心网友时间：2022-04-06 12:07

<!doctype html>
<html ng-app>
    <head>
        <meta charset="utf-8">
        <title>css怎么给4个边框添加阴影</title>
        <style type="text/css">
        span{
        box-shadow: 2px 4px 6px #000;
        }
        </style>
    </head>
    <body>
        <span>百度知道“css怎么给4个边框添加阴影”</span>
    </body>
</html>

CSS属性解释：

box-shadow: 2px 4px 6px #000;

2px : 表示水平阴影的位置

4px : 表示垂直阴影的位置

5px : 表示模糊距离

#000 ：表示阴影的颜色（#000 黑色）

最后的效果如下：

热心网友时间：2022-04-06 13:25

.shadow{
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background: #EEFF99;
}

<div class="shadow"></div>

热心网友时间：2022-04-06 14:59

div
{
box-shadow: 10px 10px 5px #888888;
}

热心网友时间：2022-04-06 16:51

css3实现.shadow{ box-shadow: 0 0 3px #000;}

热心网友时间：2022-04-06 18:59

box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影

                -10px 0px 0px 0px #3bee17,   /*左边阴影

                10px 0px 0px 0px #2279ee,    /*右边阴影

                0px 10px 0px 0px #eede15;    /*下边阴影