[分享]css3提交按钮怎么设置颜色

本文将介绍如何使用 CSS3 设置提交按钮的颜色。使用 CSS3 可以使提交按钮呈现出更漂亮和更吸引人的样式，让页面看起来更加美观。下面是设置提交按钮颜色的代码实例。 首先，在 HTML 代码中添加一...

本文将介绍如何使用 CSS3 设置提交按钮的颜色。使用 CSS3 可以使提交按钮呈现出更漂亮和更吸引人的样式，让页面看起来更加美观。下面是设置提交按钮颜色的代码实例。
首先，在 HTML 代码中添加一个提交按钮：

 <input type="submit" value="提交"> 

然后，在 CSS3 中使用 background-color 属性设置提交按钮的颜色，如下所示：

 p {
        background-color: #008CBA;
        color: white;
        border: 2px solid #008CBA;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        border-radius: 5px;
        transition-duration: 0.4s;
    }
<br>
    p:hover {
        background-color: white;
        color: black;
    } 

在上述代码中，使用了 background-color 属性来设置提交按钮的背景色，这里设置为 #008CBA，即深蓝色。此外，还添加了其他样式，如字体颜色，边框样式等。其中，hover 伪类用于设置鼠标悬停时提交按钮样式的变化，这里将背景色变为白色，字体颜色变为黑色。
总之，使用 CSS3 设置提交按钮颜色非常简单，只需添加几行代码就能实现。通过设置提交按钮的颜色，可以让页面变得更加美观和实用。