去掉 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.运行结果图


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM