table{
width: 320px
height: 320px
}
tr td{
border:1px dashed #333
}
可以这样写
CSS表格属性用于设置HTML表格的样式，HTML表格由 <table></table> 标签嵌套 <tbody>， <tr>， <td>等标签组成，一个HTML表格默认至少包含table，tbody，tr，td四个元素。
CSS表格属性：
显示表格边框有时候特别重要，它能让表格结构更清晰。
默认的表格有双边框，这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。
您好！以下是最典型的细线表格，具备最基本的设置。供参考：
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>表格CSS设置</title>
<style>
#tb1 {
border-collapse: collapse /* 折叠边框产生细线表格*/
border: 2px solid black /* 外框粗线、内部细线表格，表格线为黑色 */
}
#tb2 {
border-collapse: collapse /* 折叠边框产生细线表格*/
border: 1px solid red /* 细线表格，表格线为红色 */
}
</style>
</head>
<body>
<br>
<table id="tb1" width="379" height="87" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="123" height="34"> </td>
<td width="122"> </td>
<td width="126"> </td>
</tr>
<tr>
<td height="25"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<br>
<table id="tb2" width="379" height="89" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="123" height="36"> </td>
<td width="122"> </td>
<td width="126"> </td>
</tr>
<tr>
<td height="25"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
显示结果：
