更改Html按钮颜色

时间:2018-03-21 14:30:25

标签: html css

我正在为我们学校的网站创建一个捐赠按钮,到目前为止它还不错,但是我的老师要求我找到一种方法来改变按钮的颜色,我想知道我怎么能做到这一点,并且它必须是特定的颜色?

这是我的代码:

<form action="http://google.com">
      <input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px"/>
</form>    

3 个答案:

答案 0 :(得分:0)

只需使用背景颜色:

&#13;
&#13;
<form action="http://google.com">

<input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px;background-color: green;"/>
</form>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

对于背景颜色,您可以使用“background-color”属性,如:

<form action="http://google.com">
    <input type="submit" value="Donate!" style="background-color: #ff6666; font-size:99px;height: 180px; width: 700px"/>
</form>

您可以在线获取颜色代码(http://www.color-hex.com/

答案 2 :(得分:0)

要更改元素的背景颜色,可以使用CSS属性&#34; background&#34;或&#34; background-color&#34;。某些颜色具有等效的颜色名称,但您可以使用十六进制颜色更具体。有许多网站可以帮助您找到确切的颜色,例如https://htmlcolorcodes.com

以下是红色背景的示例:

使用颜色名称:     <input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px; background: red"/>

使用十六进制颜色:     <input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px; background: #FF0000"/>