1、我们先在html里创建一个表格table。
2、直接运行页面,我们可以看到表格当前的显示样式,但并没有鼠标悬停效果。
3、我们添加样式,注意是为table里的 tr添加一个伪类hover样式。
4、在样式里,只要添加背景颜色就行了。
5、运行页面,可以看到现在鼠标放上表格中的某一行上时,就会显示不同的背景色的。
6、当你设置了背景色后,背景色和文字颜色相近时,文字可能就会看不清了,这时我们可以为其设置不同的字体颜色。
7、再次运行页面,可以看到鼠标停上去后,这一行的数据有背景色和不同的字体颜色。