css buttom |css3让鼠标变为手

button {
border: 2px solid #000;
background-color: #fff;
color: #000;
font-size: 16px;
padding: 10px 20px;
cursor: pointer;
}
button:hover {
background-color: #000;
color: #fff;
}

上面的代码将创建一个简单的黑边框、白底色的按钮，鼠标悬停时背景色将变为黑色，文本颜色为白色。您可以根据需要进行更改，例如更改边框颜色、背景色或字体大小。

如果您想创建一个有趣、独特的按钮，可以使用CSS的渐变效果。下面是一个使用渐变效果的按钮代码：

button {
background: linear-gradient(to bottom, #ff5f6d, #ffc371);
color: #fff;
font-size: 16px;
padding: 10px 20px;
cursor: pointer;
}
button:hover {
background: linear-gradient(to bottom, #ff0000, #ff9933);
color: #fff;
}

这个按钮使用线性渐变来创建一个从橙色到红色的渐变。当鼠标悬停在按钮上时，背景颜色从红色到橙色的渐变。您可以根据需要更改渐变的颜色和方向。

总的来说，CSS按钮是非常有用的工具，可以帮助网页设计更加美观和易于使用。无论您想要创建简单的按钮还是更有趣的按钮，使用CSS可以轻松实现。