代码如下：
<html>
<table>
<tr>
<th>服务商</th>
<th>预计完成天数</th>
<th>团队人数</th>
<th>交易流水</th>
<th>竞标时间</th>
<th>采纳状态</th>
<th>项目报价</th>
<th>操作</th>
</tr>
<tr>
<td>服务商1</td>
<td>60天</td>
<td>10人</td>
<td>￥100000</td>
<td>2017.01.01</td>
<td>已邀约</td>
<td>￥100000</td>
<td><a href="">查看</a></td>
</tr>
<tr>
<td>服务商2</td>
<td>50天</td>
<td>10人</td>
<td>￥90000</td>
<td>2017.01.01</td>
<td>拒绝</td>
<td>￥100000</td>
<td><a href="">查看</a></td>
</tr>
</table>
<css>
.itemInf table{ border-collapse:collapse}
.itemInf table tr th,.itemInf table tr td{
12%;
text-align: center;
border-left: 0px solid;
border-right: 0px solid;
border-bottom: 1px solid #949494;
}
.itemInf table tr td,.itemInf table tr td a{
color: #949494;
}
.itemInf table tr td a:hover{color: red;}
.itemInf .itemRoom,.itemInf .itemRoom1{
float: left;
}
之前想着这表格中间一直有个空格，也想过将左右表格中的左右设置成宽度为零，但是还是没有效果，只有使用了table{ border-collapse:collapse}这个，作用是式表格合并为单一边框，才能最后达到我想要的只显示边框下划线而左右线不显示的效果
