1. 首页
  2. 问答
  3. 如何将阴影添加到使用CSS的盒子的所有4个角落？

如何将阴影添加到使用CSS的盒子的所有4个角落？

2012-12-02 12 views
1

我试图阴影适用于只使用CSS所以看起来箱的所有四个角像所有的4个角都只是勉强抬离页面，就像这个网站：http://www.leighannphotography.com/#home/如何将阴影添加到使用CSS的盒子的所有4个角落？

到目前为止，我只知道如何使用伪元素和类之前和之后的阴影添加到两个角落。有没有办法给CSS的所有四角添加阴影？我不希望为阴影使用图像，因为页面上已经有滑块，并且我不希望页面加载速度较慢。

来源

2012-12-02 user1839546

回答

0

您可以点击这里

http://codepen.io/ImBobby/pen/voEfG

我的工作，所以基本上影子本身已经消耗高度100像素。因此，请确保您将放入<div class="content">的内容的最小高度为110px左右

来源

2012-12-02 08:48:22 Bobby

+0

好的，所以您的方法是在div的上下创建一个空的div，我想添加阴影。非常感谢Bobby--这正是我一直在寻找的！ – user1839546

+0

不客气。请联系我，如果你有更多的问题。并请投我的答案。 – Bobby

相关问题

 相关问题