table表格隔行高亮显示

开发工具与关键技术:DW
作者:Mr_恺
撰写时间:2019.02.28

在这里面高亮就是利用了伪类的效果

用table表格进行布局:
table表格隔行高亮显示_第1张图片
Css样式设置:
table表格隔行高亮显示_第2张图片
效果:
table表格隔行高亮显示_第3张图片

当我们鼠标移入第一行时没有高亮的效果,其实这是一个非常简单的制作,把第一行的背景颜色比高亮的颜色深一点覆盖过去就行了,按此设置下去就能实现隔行高亮显示。

你可能感兴趣的:(前端)