如何使用css将顶部内阴影应用于身体

【问题标题】：how to apply top inner shadow to the body using css如何使用css将顶部内阴影应用于身体
【发布时间】：2021-10-31 12:25:17
【问题描述】：

我是前端 Web 开发的初学者，但遇到了一个问题。我想像火种一样在窗口顶部应用内阴影：- like this

那么我怎样才能只使用 HTML 和 CSS 来实现呢？

【问题讨论】：

【解决方案1】：

我只在 div 上应用了阴影，您也可以在 body 上应用，只需选择 body 而不是 div CSS 中的元素。

div {
    width: 400px;
    height: 300px;
    background-color: rgb(230, 205, 108);
    box-shadow: inset 0px 32px 14px -12px rgba(0,0,0,0.5);
}

<div>

<!-- You can use image as well, background color is only use for demonstration  -->

</div>

【讨论】：