html – 如何让一个投影一直穿过div的边缘,而不是插入

概述这是一个我无法弄清楚的超级简单问题. 我希望在div的底部有一个投影.实际上,它覆盖了大部分底部： 以下是代码： box-shadow: 0px 20px 15px -15px rgba(0, 0, 0, 0.49) 我需要阴影一直穿过两边. 谢谢 编辑：我错了吗？我应该使用其他一些CSS属性吗？ 要避免顶部阴影,请添加垂直偏移并相应地调整其他参数.此外,将展开距离设置为0或更大,您将覆盖水平边框 这是一个我无法弄清楚的超级简单问题.

我希望在div的底部有一个投影.实际上,它覆盖了大部分底部：

以下是代码：

Box-shadow: 0px 20px 15px -15px rgba(0,0.49)

我需要阴影一直穿过两边.

谢谢

编辑：我错了吗？我应该使用其他一些CSS属性吗？

解决方法 要避免顶部阴影,请添加垂直偏移并相应地调整其他参数.此外,将展开距离设置为0或更大,您将覆盖水平边框.

从这开始：

Box-shadow: 0px 10px 10px 0px rgba(0,0.49)

如果您没有覆盖完整的水平边框,请稍微增加第4个值,直到看起来很好.如果需要,也可以相应地调整垂直偏移.

查看实际框的HTML / CSS会很有帮助.

总结

以上是内存溢出为你收集整理的html – 如何让一个投影一直穿过div的边缘,而不是插入全部内容，希望文章能够帮你解决html – 如何让一个投影一直穿过div的边缘,而不是插入所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。