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

 我来答
钓侠
推荐于2017-09-29 · 知道合伙人互联网行家
钓侠
知道合伙人互联网行家
采纳数:90 获赞数:563
麦子学院讲师,WEB前端工程师,专注于WEB开发,精通Discuz、PHPCMS等开源程序!

向TA提问 私信TA
展开全部
<!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  黑色)


最后的效果如下:

Achille_sfly
2015-11-12 · TA获得超过181个赞
知道答主
回答量:128
采纳率:100%
帮助的人:65.6万
展开全部
.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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
shaohuabaishuo
2015-09-23 · TA获得超过307个赞
知道答主
回答量:119
采纳率:100%
帮助的人:30万
展开全部
div
{
box-shadow: 10px 10px 5px #888888;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
姚传龙天枰
2015-01-24 · TA获得超过165个赞
知道答主
回答量:73
采纳率:0%
帮助的人:97.4万
展开全部
css3实现.shadow{ box-shadow: 0 0 3px #000;}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
热血友情胜利
2019-04-11
知道答主
回答量:6
采纳率:0%
帮助的人:5368
展开全部
box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影  

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

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

                0px 10px 0px 0px #eede15;    /*下边阴影
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式