去掉 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