以编程方式产生纸张阴影

如何解决以编程方式产生纸张阴影

| 在此页面上，您会在左侧边框上看到一个阴影。这是通过图像完成的。是否有可能通过CSS或其他任何方式完全以编程方式产生这样的阴影。     

解决方法

        您正在CSS3中寻找

box-shadow

属性。 规范语法为：

#example1 {
box-shadow: 10px 10px 5px #888;
}

您可以使用以下语法在Mozilla和WebKit中进行支持：

#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

（这些示例来自http://www.css3.info/preview/box-shadow/） 您可以使用CSS3 Pie在Internet Explorer中获得此兼容性     ,        CSS3中可用的box-shadow属性可以帮助您解决此问题 为了与浏览器兼容，您可以通过这种方式进行设置，

#div {
-moz-box-shadow: 2px 3px 3px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
} 

属性是 左右模糊和颜色