我想在一個& ltdiv & gt元素。 這就是我所做的。

`
...
<style>
.gradient-bg {
  background-image: radial-gradient(circle at 100% 15%, #1f3764 2%, #090915 10%), radial-gradient(circle at 0% 50%, red 2%, #090915 10%);
}
</style>

...
<div className="gradient-bg">
 <div>...</div>
</div>
}
...

`

我認為這將工作，但只有第一個徑向梯度屬性被應用，而不是第二個。

您可以將多個徑向漸變應用到一個類別，方法是將漸變的值設置為透明，以便其他背景可見:

.gradient-bg {
  background: 
    radial-gradient(closest-corner at 50% -10%, 
            rgba(5, 5, 5, .7), 
            transparent), 
    radial-gradient(closest-corner at 50% 110%, 
            rgba(5, 5, 5, .7), 
            transparent);
}

關于應用多重漸變的大量例子和細節，請看這篇文章。

如何對單個元素應用多個css徑向漸變

https://css-tricks.com/radial-gradient-recipes/