html table 标签 边框 边距问题

html中table标签边框问题

tr:hover{
        background-color: #62b7de;
    }

上图中是用table标签做的表格，我想做一个鼠标悬浮样式改变的效果时，发现了这些“边距”,后来发现这些间距其实是table默认自带的边框。。。

解决方法如下：

<table border="0" style="border-collapse:collapse;"></table>

只要在tr的css属性中加上border-collapse属性，即可解决。