[分享]css3按钮不同颜色代码

CSS3的出现让网页的样式更加丰富而美观，其中按钮的设计在网页中也是非常常见的。CSS3的按钮可以实现不同颜色的样式，下面是一些CSS3按钮不同颜色的代码。/红色按钮/ .button{ backgr...

CSS3的出现让网页的样式更加丰富而美观，其中按钮的设计在网页中也是非常常见的。CSS3的按钮可以实现不同颜色的样式，下面是一些CSS3按钮不同颜色的代码。

/*红色按钮*/
.button{
    background-color: #FF0000;
    color: #FFFFFF;
}

/*橙色按钮*/
.button{
    background-color: #FFA500;
    color: #FFFFFF;
}

/*黄色按钮*/
.button{
    background-color: #FFFF00;
    color: #000000;
}

/*绿色按钮*/
.button{
    background-color: #00***0;
    color: #FFFFFF;
}

/*蓝色按钮*/
.button{
    background-color: #0000FF;
    color: #FFFFFF;
}

/*紫色按钮*/
.button{
    background-color: #***080;
    color: #FFFFFF;
} 

以上是一些典型CSS3按钮的颜色代码，它们可以帮助你实现不同的网页样式。希望这些代码能为你在构建网页时提供帮助。