这篇博客介绍了如何使用CSS中的伪类选择器来美化HTML表格。通过`tr:hover`伪类选择器，当鼠标悬停在表格行上时，背景颜色会变为蓝色，实现了交互式的视觉效果。示例中展示了一个包含姓名、成绩和人品的表格，当鼠标移动到每一行时，对应的行会高亮显示。
<style type="text/css">
/*
伪类选择器：伪类选择器就是对元素处于某种状态下进行样式的。
注意：
1. a:hover 必须被置于 a:link 和 a:visited 之后
2. a:active 必须被置于 a:hover 之后
*/
a:link{color:#F00} /* 没有被点击过---红色 */
a:visited{color:#0F0} /* 已经被访问过的样式---绿色 */
a:hover{color:#00F;} /* 鼠标经过的状态---蓝 */
a:active{color:#FF0;}
/*
伪类选择器：伪类选择器就是对元素处于某种状态下进行样式的。
注意：
1. a:hover 必须被置于 a:link 和 a:visited 之后
2. a:active 必须被置于 a:hover 之后
*/
a:link{color:#F00} /* 没有被点击过---红色 */
a:visited{color:#0F0} /* 已经被访问过的样式---绿色 */
a:hover{color:#00F;} /* 鼠标经过的状态---蓝 */
a:active{color:#FF0;}
</style>
应用 代码：
<!DOCTYPE html PUBLIC "-//W
最低0.47元/天 解锁文章
扫一扫
1713
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
