style 怎么书写hover事件

hover事件可以通过CSS样式表中的:hover伪类来实现。下面是一个例子，演示了如何书写hover事件的样式：

/* 为所有按钮设置默认样式 */
button {
  background-color: #ccc;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

/* 当鼠标悬停在按钮上时，改变背景颜色 */
button:hover {
  background-color: #999;
}

在上面的例子中，所有的按钮都会有一个默认样式，背景颜色为灰色。当鼠标悬停在按钮上时，会应用:hover伪类的样式，将背景颜色改变为深灰色。

你可以根据需要自定义hover事件的样式，比如改变文字颜色、添加动画效果等。只需要将:hover伪类应用到你想要改变的元素上，并在其中定义相应的样式即可。