如何在HTML/CSS中为列提供外部发光效果？

我正在创建一个网站，我想创建这样一种效果，给页面中的主栏添加一个外发光阴影

本页作为示例：

请注意，主列在左右两侧都有阴影效果，以使列显示为背景的“前面”

这张照片也展示了我所说的：

这是我想要复制这种效果的页面：

有人能告诉我需要做哪些CSS/HTML更改吗

旁注：将这些都放在JSFIDLE中似乎不切实际，这就是为什么我提到了这些站点。

您可以使用属性

CSS

img{
    box-shadow: 0px 0px 5px gray;
}

或者在您的情况下：

#wrapper{
    box-shadow: 0px 0px 5px gray;
}

---

注意：从

#wrapper

中删除

背景图像

，请记住添加代码，以便阴影在更多浏览器中可见，如下所示：

#wrapper { 
-moz-box-shadow:    0px 0px 5px gray;
-webkit-box-shadow: 0px 0px 5px gray;
box-shadow:         0px 0px 5px gray;
}

---

关于这方面的更多信息，请访问：

在该网站上，他们使用了背景图像，但现代的解决方案是使用CSS3

box shadow

属性，如果您想更改颜色或不透明度，您可以只更改CSS中的值，而不是编辑图像等。这个问题太广泛了。请用特定的编程问题更新您的问题。