html - 径向渐变椭圆无法正常工作

Question

我有一个学校项目，我需要制作一个网站的精确副本。背景有点棘手，因为我需要（我认为）添加一个径向椭圆，但没有边或底部，只有顶部。

当我尝试制作一个椭圆时，我得到一个覆盖所有四个边的椭圆（显然），但我不知道只将它应用到顶部。

谁能帮我吗？

这就是应该的样子

请只注意背景

我已经尝试了一个椭圆和一个正常的径向渐变，但我没有按照我想要的方式运行。

这是我的代码

 background-image: radial-gradient(ellipse, white, lightgrey, lightgrey,  
#1b1b2e 
#1b1b2e);

标签： htmlcss

Answer 1

调整您的代码如下：

html {
  min-height:100%;
  background-image: radial-gradient(150% 150% at bottom center, white, lightgrey,  #1b1b2e, #1b1b2e);
}