CSS中的线性渐变[重复]答案

【问题标题】：Linear Gradient in CSS [duplicate]CSS中的线性渐变[重复]
【发布时间】：2021-06-10 09:33:19
【问题描述】：

我一直在学习 CSS，我正在尝试 linear-gradient().

当我使用“向右”时，这很好用。

background-image: linear-gradient(to right,  #92EFFD, ##4E65FF);

我的实际代码是：

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      body{
        background-image: linear-gradient(to right, #92EFFD, #4E65FF)
      }
    </style>
  </head>
  <body>
  </body>
</html>

但是当我删除“向右”时，它就像：

background-image: linear-gradient( #92EFFD, #4E65FF);

我在这种情况下的实际代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      body{
        background-image: linear-gradient(#92EFFD, #4E65FF)
      }
    </style>
  </head>
  <body>
  </body>
</html>

输出是这样的。

我想要的是从上到下设置线性渐变，但它不起作用

我是在哪里做错了，还是我的代码有误。你能帮帮我吗？

【问题讨论】：

这能回答你的问题吗？ CSS3 gradient background set on body doesn't stretch but instead repeats?
非常感谢！
min-height:100% on html

标签： html css linear-gradients

【解决方案1】：

要设置渐变位置，您可以简单地使用“deg”，您可以在浏览器中打开检查元素以根据您的要求进行调整。

默认位置是从上到下背景图像：线性渐变（#92EFFD，#4E65FF）；

background-image: linear-gradient(180deg , #92EFFD, #4E65FF);

【讨论】：

我也试过了，但是没用。好的，谢谢，我已经尝试过重复问题的方法。

【解决方案2】：

如果你愿意，可以试试这个工具，我通常选择它用于 CSS 渐变，它对我有很大帮助！

https://cssgradient.io/

【讨论】：

对不起，伙计，但我的问题有所不同，但感谢这个很棒的工具。我去看看...
@NeutralMe 不客气！我以为您想将渐变设置为从上到下，并且使用此工具很容易。如果问题不是这个，那对不起，我没看懂
没问题。但我一定会试试这个工具。谢谢你的工具。 :-) 祝你有美好的一天！
@NeutralMe 你也有美好的一天！ :)