table表格细边框最简单样式

建table是，最简单的是:

<table border="1">
  <tr>
      <td>123abc</td>
      <td>123abc</td>
      <td>123abc</td>
  </tr>
 </table>

效果如图：

看效果简直丑的不行啊。

改下：

<table border="0" cellpadding="3" cellspacing="1" bgcolor="#c1c1c1">
  <tr bgcolor="#FFFFFF">
      <td>123abc</td>
      <td>123abc</td>
      <td>123abc</td>
  </tr>
 </table>

效果：

是不是好多了?

关键点：

cellpadding :内容中间的空隙，如果将3调整成30，看看效果

cellspacing:表格中的边的留空，如果调成10，看效果

是不是很像很齐的div?

或者，用css：

1.

    table{ 
    border-collapse:collapse; 
    } 
    table tr td{ 
    border:1px solid red; 
    } 

2.

  table tr td{ 
		border:1px solid red; 
    } 
    table{ 
		border:1px solid red; 
		border-top-width:0px; 
    }