span{         box-shadow: 2px 4px 6px #000;         }        

            百度知道“css怎么给4个边框添加阴影”    

简单的解释一下相关的代码属性

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

首先2px :  表示水平阴影的位置，然后4px : 表示垂直阴影的位置，接着5px : 表示模糊距离，最后#000 ： 表示阴影的颜色（#000  黑色）

拓展资料：

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

参考资料：百度百科-CSS

用CSS3中的box-shadow属性就可以了

.class{box-shadow: 1px 1px 5px 5px #888888;}

CSS 实现让div的四个边框都有阴影的效果：

首先：

HTML代码

CSS 如何实现让div的四个边框都有阴影的效果？

CSS代码

body{background:#f00;}

html{background:#f00;}/*html加背景色*/

.g1{

width:500px;

height:500px;

border:2px solid #fff;

margin:30px auto;

background-color:#fff;

box-sizing:border-box;

}

.g2{

width:400px;

height:400px;

margin:50px auto;

border:2px solid #000;

box-shadow:5px 5px 5px #000,5px -5px 5px #000,-5px 5px 5px #000,-5px -5px 5px #000;

}

具体效果：

使用CSS3中的box-shadow属性“.class{box-shadow: 1px 1px 5px 5px #888888};”即可。

拓展资料：

1、CSS：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2、CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

做成有阴影效果的图片 在css里面写background