按钮边框颜色

　　

　　我们可以使用 border 属性设置按钮边框颜色:

　　

　　实例

　　

　　.button1 {

　　

　　background-color: white;

　　

　　color: black;

　　

　　border: 2px solid #4CAF50; /* Green */

　　

　　}

　　

　　...

　　

　　鼠标悬停按钮

　　

　　我们可以使用 :hover 选择器来修改鼠标悬停在按钮上的样式。

　　

　　提示: 我们可以使用 transition-duration 属性来设置 "hover" 效果的速度:

　　

　　实例

　　

　　.button {

　　

　　-webkit-transition-duration: 0.4s; /* Safari */

　　

　　transition-duration: 0.4s;

　　

　　}

　　

　　.button:hover {

　　

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

　　

　　color: white;

　　

　　}

　　

　　...