如何给<tr>元素添加投影

在一个多行表格中,要求鼠标滑过时当前行显示阴影,阴影为下投影(box-shadow: #dedcdc 1px 1px 2px;)
但是由于tr与tr之间贴紧的缘故,只有鼠标划过最后一行tr时才能看到下方的投影,其他情况下方的投影没办法正常显示
有没有什么办法能够将两个tr元素之间空开一些距离便于展示阴影?

阅读 3.2k
2 个回答

你可以在td里面写一个div,设置padding,边框线和阴影设置在div上,tr本身的边框线不要设置,这样就可以实现看似是tr之间的距离以及你想要添加的阴影样式

推荐问题