用css代替
table{border:0;margin:0;border-collapse:collapse;border-spacing:0;}
/*控制cellspacing*/
table td{padding:0;}
/*控制cellpadding*/
下面是我通过css实现的一个table
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#main{
width: 500px;
margin: 0 auto;
padding: 100px 0 0 0;
}
table{
width: 100%;
border-top:1px solid #92B8B1;
border-left:1px solid #92B8B1;
margin:0;
border-collapse:collapse;
border-spacing:0;
}
/*控制cellspacing*/
table td{
padding:10px;
border-right:1px solid #92B8B1;
border-bottom:1px solid #92B8B1;
}
/*控制cellpadding*/
</style>
<link rel="stylesheet" type="text/css" href="sq.css" />
</head>
<body>
<div id="main">
<table>
<tr>
<td>栏目</td>
<td>报价</td>
</tr>
<tr>
<td>新闻</td>
<td>1500</td>
</tr>
</tr>
</table>
</div>
</body>
</html>
![](https://video.ask-data.xyz/img.php?b=https://iknow-pic.cdn.bcebos.com/7a899e510fb30f24ed2af457c395d143ad4b0335?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)