css怎么给4个边框添加阴影
5个回答
推荐于2017-09-29 · 知道合伙人互联网行家
关注
展开全部
<!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 黑色)
最后的效果如下:
展开全部
.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>
-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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div
{
box-shadow: 10px 10px 5px #888888;
}
{
box-shadow: 10px 10px 5px #888888;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
css3实现.shadow{ box-shadow: 0 0 3px #000;}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
box-shadow: 0px -10px 0px 0px #ff0000, /*上边阴影
-10px 0px 0px 0px #3bee17, /*左边阴影
10px 0px 0px 0px #2279ee, /*右边阴影
0px 10px 0px 0px #eede15; /*下边阴影
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询