如何为元素添加阴影
本指南介绍如何为页面上的任何框添加阴影。
添加框阴影
阴影是常见的网页设计功能，可以帮助元素在页面上脱颖而出。在 CSS 中，使用 box-shadow 属性可以为元素的框添加阴影（如果你想为文本本身添加阴影，你需要使用 text-shadow）。
box-shadow 属性接受多个值
- X 轴上的偏移量
- Y 轴上的偏移量
- 模糊半径
- 扩散半径
- 颜色
inset关键字
在下面的示例中，我们已将 X 和 Y 轴设置为 5px，模糊设置为 10px，扩散设置为 2px。我使用半透明黑色作为颜色。尝试不同的值，看看它们如何改变阴影。
注意： 在此示例中，我们未使用 inset，这意味着阴影是默认的投射阴影，框位于阴影之上。内阴影出现在框内，就像内容被推回页面一样。