怎么用css定义总的button

在CSS中，你可以使用`.button`选择器来定义一般的按钮样式。下面是一个基本的例子，展示了如何设置按钮的基本样式：

.button {
  display: inline-block; /* 控制按钮显示为内联元素 */
  padding: 0.5em 1em; /* 内边距 */
  background-color: #4CAF50; /* 背景颜色 */
  color: white; /* 文字颜色 */
  border: none; /* 消除默认边框 */
  border-radius: 4px; /* 圆角 */
  text-align: center; /* 文字居中 */
  cursor: pointer; /* 鼠标悬停时指针变为手形 */
  font-size: 16px; /* 字体大小 */
  transition: background-color 0.3s ease; /* 添加过渡效果，鼠标移入渐变背景色 */
}

.button:hover {
  background-color: #45a049; /* 鼠标悬停时改变背景颜色 */
}

在这个例子中，`.button`类设置了按钮的基本外观，当鼠标悬停在按钮上时，会触发`:hover`伪类，改变背景颜色。你可以根据需要调整这些属性。