Html 如何使用rgb值调整颜色?

Html 如何使用rgb值调整颜色?,html,css,Html,Css,我已经使用html5和css3创建了登录表单 以下是我的html5登录表单代码: <section id="content"> <form action=""> <h1>Login Form</h1> <div> <input type="text" placeholder="Username" required="" id="user

我已经使用html5和css3创建了登录表单

以下是我的html5登录表单代码:

<section id="content">
        <form action="">
            <h1>Login Form</h1>
            <div>
                <input type="text" placeholder="Username" required="" id="username" />
            </div>
            <div>
                <input type="password" placeholder="Password" required="" id="password" />
            </div>
            <div>
                <input type="submit" value="Log in" />

            </div>
        </form><!-- form -->

    </section><!-- content -->

登录表单
这是我的JSFIDLE:

我想将登录按钮更改为黑色,悬停状态将为银色

请问在哪里可以调整颜色属性


有人能帮我吗?提前感谢。

您应该更改css中的颜色属性

#content form input[type="submit"] { background: rgba(0,0,0,1); }
#content form input[type="submit"]:hover { background: rgba(204,204,204,1); }
它对我有用。在行动中看到


对于边框和阴影效果按钮,仅修改最后一个参数rgba,值为Alpha通道。

您应该更改css中的颜色属性

#content form input[type="submit"] { background: rgba(0,0,0,1); }
#content form input[type="submit"]:hover { background: rgba(204,204,204,1); }
它对我有用。在行动中看到


对于边框和阴影效果按钮,仅修改最后一个参数rgba,值为Alpha通道。

您应该更改css中的颜色属性

#content form input[type="submit"] { background: rgba(0,0,0,1); }
#content form input[type="submit"]:hover { background: rgba(204,204,204,1); }
它对我有用。在行动中看到


对于边框和阴影效果按钮,仅修改最后一个参数rgba,值为Alpha通道。

您应该更改css中的颜色属性

#content form input[type="submit"] { background: rgba(0,0,0,1); }
#content form input[type="submit"]:hover { background: rgba(204,204,204,1); }
它对我有用。在行动中看到

对于边框和阴影效果按钮,仅修改最后一个参数rgba,该值为Alpha通道。

[编辑] 试试这个:

演示 CSS: [已编辑] 试试这个:

演示 CSS: [已编辑] 试试这个:

演示 CSS: [已编辑] 试试这个:

演示 CSS:

@迪皮卡,请现在看。你能提供JSFIDLE吗?。。因为我已经有了正确的代码。。所以它将被覆盖。@deepika请稍等。@deepika好的,稍等。@TiagoBarreto:你能看到这个吗。。。我想要这样。。但是在这个边界中是不正确的。@deepika,请现在看。您能提供jsfiddle吗?。。因为我已经有了正确的代码。。所以它将被覆盖。@deepika请稍等。@deepika好的,稍等。@TiagoBarreto:你能看到这个吗。。。我想要这样。。但是在这个边界中是不正确的。@deepika,请现在看。您能提供jsfiddle吗?。。因为我已经有了正确的代码。。所以它将被覆盖。@deepika请稍等。@deepika好的,稍等。@TiagoBarreto:你能看到这个吗。。。我想要这样。。但是在这个边界中是不正确的。@deepika,请现在看。您能提供jsfiddle吗?。。因为我已经有了正确的代码。。所以它将被覆盖。@deepika请稍等。@deepika好的,稍等。@TiagoBarreto:你能看到这个吗。。。我想要这样。。但在这一边界是不正确的。