css怎么给4个边框添加阴影
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css怎么给4个边框添加阴影相关的知识，希望对你有一定的参考价值。
<!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 黑色）
最后的效果如下：
-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> 参考技术B div
box-shadow: 10px 10px 5px #888888;
参考技术C css3实现.shadow box-shadow: 0 0 3px #000;本回答被提问者采纳 参考技术D box-shadow: 0px -10px 0px 0px #ff0000, /*上边阴影
-10px 0px 0px 0px #3bee17, /*左边阴影
10px 0px 0px 0px #2279ee, /*右边阴影
0px 10px 0px 0px #eede15; /*下边阴影
如何在CSS圆角上加个阴影效果？
我的圆角效果已经弄起来了，想让DIV标签里的内容有阴影效果（包括字体）
参考技术A 推荐你不要用阴影效果，首先楼上的那个css滤镜效果只能在IE核心的浏览器中展示效果，这种东西比较耗费计算机资源，会导致页面加载变慢的。 参考技术B tablefilter:progid:DXImageTransform.Microsoft.Shadow <br/>(Color=#333333,Direction=120,strength=5)这个是CSS的 参考技术C tablefilter:progid:DXImageTransform.Microsoft.Shadow (Color=#333333,Direction=120,strength=5) zhe
以上是关于css怎么给4个边框添加阴影的主要内容，如果未能解决你的问题，请参考以下文章