1
我試圖陰影適用於只使用CSS所以看起來箱的所有四個角像所有的4個角都只是勉強擡離頁面，就像這個網站：http://www.leighannphotography.com/#home/如何將陰影添加到使用CSS的盒子的所有4個角落？
到目前爲止，我只知道如何使用僞元素和類之前和之後的陰影添加到兩個角落。有沒有辦法給CSS的所有四角添加陰影？我不希望爲陰影使用圖像，因爲頁面上已經有滑塊，並且我不希望頁面加載速度較慢。
A
回答
0
您可以點擊這裏
http://codepen.io/ImBobby/pen/voEfG
我的工作，所以基本上影子本身已經消耗高度100像素。因此，請確保您將放入<div class="content">的內容的最小高度爲110px左右
相關問題
- 1. 如何使用CSS在特定區域添加盒子陰影？
- 2. 將額外的盒子陰影添加到現有陰影未知的元素
- 3. 如何只用下面的CSS添加一個盒子陰影到底部？
- 4. 在整個DIV周圍添加CSS盒子的陰影
- 5. CSS盒子陰影消失
- 6. 在IE6,7,8 CSS盒子陰影
- 7. CSS盒子陰影重疊
- 8. CSS：我如何添加陰影標籤或盒子
- 9. 如何使用CSS將陰影添加到整個表格？
- 10. 適用於svg盒子的Css陰影
- 11. CSS - 帶有陰影插圖的角半徑，難看的角落
- 12. 使用CSS3盒子陰影的三面一個像素陰影
- 13. 如何硬件加速CSS中的盒子陰影動畫？
- 14. CSS是產生一個盒子陰影不是陰影
- 15. CSS中的非盒子陰影
- 16. 隱藏CSS盒子的陰影
- 17. CSS盒子陰影在jQuery .css（）
- 18. CSS盒子陰影不適用於Chrome
- 19. 如何將盒子陰影添加到容器內的div上？ （含圖片）
- 20. 如何做到在IE盒子陰影？
- 21. 如何在設計中添加定製的盒子陰影
- 22. 三角形周圍的CSS盒子陰影
- 23. 箱子陰影只在div角落
- 24. CSS：如何用陰影圓化箱內角落？
- 25. tr的盒子陰影
- 26. 僅限於角落的圓角陰影
- 27. CSS盒子陰影導致滾動條
- 28. IE盒子陰影CSS不工作
- 29. CSS曲線漸變和盒子陰影
- 30. CSS盒子陰影顯示不正確
好的，所以您的方法是在div的上下創建一個空的div，我想添加陰影。非常感謝Bobby--這正是我一直在尋找的！ – user1839546
不客氣。請聯繫我，如果你有更多的問題。並請投我的答案。 – Bobby