基本按钮样式

　　

　　实例

　　

　　.button {

　　

　　background-color: #4CAF50; /* Green */

　　

　　border: none;

　　

　　color: white;

　　

　　padding: 15px 32px;

　　

　　text-align: center;

　　

　　text-decoration: none;

　　

　　display: inline-block;

　　

　　font-size: 16px;

　　

　　}

　　

　　按钮颜色

　　

　　我们可以使用 background-color 属性来设置按钮颜色:

　　

　　实例

　　

　　.button1 {background-color: #4CAF50;} /* 绿色 */

　　

　　.button2 {background-color: #008CBA;} /* 蓝色 */

　　

　　.button3 {background-color: #f44336;} /* 红色 */

　　

　　.button4 {background-color: #e7e7e7; color: black;} /* 灰色 */

　　

　　.button5 {background-color: #555555;} /* 黑色 */