html - 你如何给 一个渐变色？

Question

我的 html 页面上有一条水平线，应用了以下样式:

#seperate {
    clear: both;
    border: 3px solid red;
}

是否可以将水平线的颜色设置为类似于以下的渐变:

background: linear-gradient(to right, red , yellow)

我试过这样做..

#seperate {
clear: both;
border: 3px solid linear-gradient(to right, red , yellow);
}

..但是失败了。

Answer 1

是的，只需为 hr 提供一些高度即可

hr {
  background: linear-gradient(to right, red, yellow);
  height: 5px;
}

<hr/>