去掉 table表格横向 内部边框线

1.HTML代码

<body>
<table width="400">
  <tr>
    <th> 1 </th>
    <th> 2 </th>
    <th> 3 </th>
    <th> 4 </th>
    <th> 5 </th>
    <th> 6 </th>
  </tr>
  <tr>
    <td> a </td>
    <td> b </td>
    <td> c </td>
    <td> d </td>
    <td> e </td>
    <td> f </td>
  </tr>
  <tr>
    <td> A </td>
    <td> A </td>
    <td> A </td>
    <td> A </td>
    <td> A </td>
    <td> A </td>
  </tr>
  <tr>
    <td> A </td>
    <td> A </td>
    <td> A </td>
    <td> A </td>
    <td> A </td>
    <td> A </td>
  </tr>
</table>
</body>

2.CSS样式

table{
border-collapse:collapse;//表格单元格间距样式
border:1px solid #0F0;
}
tr{
border:1px solid #333; 
height:30px;
}
td{
border:0px; 
text-align:center;
}

3.运行结果图

posted @ 2016-10-25 13:14  三高娘子  阅读(6677)  评论(0)    收藏  举报