Question

我试图通过在HTML上放置一些代码来使点击时的背景色发生变化。我在该论坛上找到了下面的代码。它与“绿色”之类的简单颜色完美搭配，但我不知道该如何包含渐变。

有人可以帮我吗？

HTML
<div class="contain" role="main">
<nav class="menu-nav" role="navigation">
<li class="H01"onclick="document.body.style.backgroundColor = 'green';">01:00</li>
<li class="H02"onclick="document.body.style.backgroundColor = 'yellow';">02:00</li>
</nav>
</div>

CSS
body {   
background-color: blue; 
}

Answer 1

有一个更复杂的语法，如下所示：

-webkit-gradient(linear, left top, left bottom, from(green),to(yellow))

要使用此渐变，您应该修改backgroundImage字段而不是backgroundColor

所以您的代码将变成这样：

<li class="H01"onclick="document.body.style.backgroundImage = '-webkit-gradient(linear, left top, left bottom, from(green),   to(yellow))';">01:00</li>

如何包含渐变色而不是仅包含简单的颜色？

1 个答案: