html中一个table每行之间的间隔,CSS表行之间的间距

我有一个css表，并试图使每行之间的空间，间隙应该没有颜色。我试过一些没有效果的东西，比如:

边框-底部:5px立体透明；边框-顶部:5px立体透明；

和

边界塌陷:塌陷；

下面是代码和一个JSFiddle。

谢了。

HTML

q1

A3

q2

A1

q3

A2

CSS.live-mu-table{

display: table;

background-color:Azure;

margin-bottom: 5px;

padding-bottom: 5px;

position:relative;

margin-left: auto;

margin-right: auto;

width:75%;

// border-collapse: collapse;

}

.live-mu-table-tr{

display: table-row;

height:30px;

}

.live-mu-table-tdq{

display: table-cell;

border:1px solid #000;

width:60%;

text-align:center;

vertical-align:middle;

cursor: pointer;

}

.live-mu-table-tda{

display: table-cell;

border:1px solid #000;

width:30%;

text-align:center;

vertical-align:middle;

cursor: pointer;

}

.live-mu-table-tdspacer1{

display: table-cell;

border:1px solid #000;

width:10%;

text-align:center;

vertical-align:middle;

}