投影中心栏网站网页
How can I add a drop shadow effect to a website that has one center column?
Some examples of what I mean:
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
How can I add a drop shadow effect to a website that has one center column?
Some examples of what I mean:
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（2）
这些都是用背景图像完成的：
请参阅 Mint：http://www.mint.com /images/global/body.jpg
请参阅 LaLa：http://s.pplala.com/static /24.4.1-25/images/background.png
LaLa 是重复的，Mint 使用一张大图像。
Those are both done with background images:
See Mint: http://www.mint.com/images/global/body.jpg
See LaLa: http://s.pplala.com/static/24.4.1-25/images/background.png
LaLa's is repeating, where Mint uses one large image.
他们在身体上设置了居中的背景图像。图像上有阴影。
如果您准备在旧版浏览器上牺牲一点美感，我建议您使用
-webkit-box-shadow和-moz-box-shadow。优雅降级的编码设计会鼓励人们使用最新的浏览器来获得更好的网络，同时不会让您的网站对那些不能使用的人无法使用。They've done it with a centered background-image on their body. The image has the shadow on it.
If you're ready to sacrifice a little beauty on older browsers, I would suggest you use
-webkit-box-shadowand-moz-box-shadow. Coding designs that degrade gracefully encourages people to use recent browsers for a better Web, while not making your website unusable for people who can't.