背景颜色：线性渐变不起作用答案

【问题标题】：Background-color : linear gradient not working背景颜色：线性渐变不起作用
【发布时间】：2021-07-20 15:37:22
【问题描述】：

我有下面的 HTML 代码，我想要一个渐变块。但是渐变没有在浏览器上呈现。

div {
  height: 10px;
  background-color: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}

&lt;div&gt;hi&lt;/div&gt;

你能告诉我问题是什么。

提前致谢，尼基拉

【问题讨论】：

标签： html linear-gradients

【解决方案1】：

对于渐变，它必须是 background-image，而不是 background-color。

div {
  background-image: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}

&lt;div&gt;hi&lt;/div&gt;

【讨论】：

【解决方案2】：

linear-gradient应该用在background-image中

div {
  height: 10px;
  background-image: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}

【讨论】：

【解决方案3】：

请将background-color改为background，使代码受到影响。

    div {
      height: 100px;
      width: 100px;
      display: block;      
      background: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
    }

【讨论】：