今天写了一个表格,并将表格的tr设置了边框样式border-bottom: 1px #ccc dashed;但这个css样式貌似没有取到任何作用,先让大家看一下我的html css代码
<table>
<tr style="border-bottom: 1px #ccc dashed;">
<td height="30" width="75">标题:</td>
<td ><%=pendingRequestVO.getTitle()%></td>
</tr>
</table>
从图中可以看出tr{border-bottom: 1px #ccc dashed;}样式并没有取作用,什么原因呢?后来结果查阅资料才知道,我们必须要将table的border-collapse样式设置为collapse
我们必须要将table的border-collapse样式设置为collapse,代码如下:
<table style="border-collapse: collapse;">
<tr style="border-bottom: 1px #ccc dashed;">
<td height="30" width="75">标题:</td>
<td ><%=pendingRequestVO.getTitle()%></td>
</tr>
</table>
这样就解决了,亲测可用。