<!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 黑色）
最后的效果如下：
<title>css怎么给4个边框添加阴影</title>
<style type="text/css">
span{ box-shadow: 2px 4px 6px #000; } </style>
</head> <body> <span>百度知道“css怎么给4个边框添加阴影”</span> </body>
简单的解释一下相关的代码属性
box-shadow: 2px 4px 6px #000
首先2px : 表示水平阴影的位置，然后4px : 表示垂直阴影的位置，接着5px : 表示模糊距离，最后#000 ： 表示阴影的颜色（#000 黑色）
拓展资料：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
参考资料：百度百科-CSS
box-shadow:?px ?px ?px ?px 颜色
谢谢
记得IE9以下估计不行
有的浏览器必须加上
-webkit-
-moz-
等前置
现场添加。如上图
