Html 如何在图像的四个侧面都放置阴影？

我需要知道如何在div的所有四个边上放置阴影。我需要一点解释：

过滤器： progid:DXImageTransform.Microsoft.Shadow

使用框阴影

.class-name{

   box-shadow: 2px 2px 2px #000;   
             /* horizontal, vertical, blurr-radius, colour  */


}

使用方框阴影

.class-name{

   box-shadow: 2px 2px 2px #000;   
             /* horizontal, vertical, blurr-radius, colour  */


}

---

这将在所有4个面上为您提供阴影：

div.shadow {
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

---

前两个

0px

表示阴影不会明显地向左/向右或向上/向下突出。

10px

使其具有足够的模糊度以突出所有边缘。

#000

是阴影的颜色。你可以随意摆弄它，以获得你喜欢的外观。

这将在四个面上为你提供阴影：

div.shadow {
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

前两个

0px

表示阴影不会明显地向左/向右或向上/向下突出。

10px

使其具有足够的模糊度以突出所有边缘。

#000

是阴影的颜色。您可以随意使用它，以获得您喜欢的外观。

Box Shadow CSS3框阴影属性具有以下属性：（）

box shadow:h-shadow v-shadow blur spread color inset

shadow支持最新浏览器的主要前缀是
box shadow

我建议对较旧的Mozilla和Webkit使用另外两个前缀：


-moz盒阴影
-webkit框阴影

试试看：

img{
     -webkit-box-shadow: 0 0 5px 2px #000000;
     -moz-box-shadow: 0 0 5px 2px #000000;
     box-shadow: 0 0 5px 2px #000000;
}


框阴影
CSS3框阴影属性具有以下属性：（）

box shadow:h-shadow v-shadow blur spread color inset

shadow支持最新浏览器的主要前缀是
box shadow

我建议对较旧的Mozilla和Webkit使用另外两个前缀：


-moz盒阴影
-webkit框阴影

试试看：

img{
     -webkit-box-shadow: 0 0 5px 2px #000000;
     -moz-box-shadow: 0 0 5px 2px #000000;
     box-shadow: 0 0 5px 2px #000000;
}


过滤器：progid:DXImageTransform.Microsoft.Shadow
适用于Internet Explorer v9及以下版本（根据回忆，如果我错了，请更正我），它仅将框阴影应用于IE，并且可以与其他框阴影选项一起添加，如
-moz-
，
-webkit-
等。。我还记得那些阴影在旧版IE上看起来非常难看。
filter:progid:DXImageTransform.Microsoft.Shadow
适用于Internet Explorer v9及以下版本（回忆中，如果我错了，请纠正我），它仅将框阴影应用于IE，并且可以与其他框阴影选项（即
-moz-
）一起添加，
-webkit-
等。。我还记得那些在旧版IE上看起来非常丑陋的阴影。