订阅如何利用css样式设置表格行鼠标悬停效果？
来源：网络收集 点击： 时间：2024-02-19【导读】：
在创建一个表格后，如果需要为表格中的行添加鼠标悬停效果，怎么设置？很简单，下面来看一下。方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
CSSHTML
我们先在html里创建一个表格table。
2/7直接运行页面，我们可以看到表格当前的显示样式，但并没有鼠标悬停效果。
3/7我们添加样式，注意是为table里的 tr添加一个伪类hover样式。
4/7在样式里，只要添加背景颜色就行了。
5/7运行页面，可以看到现在鼠标放上表格中的某一行上时，就会显示不同的背景色的。
6/7当你设置了背景色后，背景色和文字颜色相近时，文字可能就会看不清了，这时我们可以为其设置不同的字体颜色。
7/7再次运行页面，可以看到鼠标停上去后，这一行的数据有背景色和不同的字体颜色。
CSSHTML 版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_84509.html
上一篇：金庸群侠传3加强版攻略
下一篇：废气阀坏了对汽车有什么影响？
