css样式中hover |css ios7

button:hover{
background-color: green;
color: white;
}

在上面的代码中，当鼠标悬停在button按钮上时，背景色变为绿色，文字颜色变为白色。

除了可以应用于按钮，hover效果还常常用于链接的设计。例如:

a:hover{
text-decoration: underline;
}

当鼠标悬停在链接上时，文本下面出现下划线，增加了链接的可见性，提高了用户交互性。

可以使用hover效果改变表格的样式：

table tr:hover{
background-color: #F2F2F2;
}

当鼠标悬停在表格行时，该行背景色变为淡灰色，这样可以更加直观地提示用户当前的操作所在位置。

需要注意的是，在使用hover效果时，应该尽量保持样式变化的统一性，以避免过于复杂和混乱，影响用户体验。