使用CSS改變表格邊框樣式

來源:互聯網
上載者:User
用CSS改變表格邊框樣式,很實用的一種方法。
  製作方法:
  將下面的代碼複製到<body>~</body>裡,此為隱藏下邊框
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111" width="90">
  <tr align="center">
  <td style="border-bottom-style: none; border-bottom-width: medium" height="25">隱藏下邊</td>
  </tr>
  </table>
  將下面的代碼複製到<body>~</body>裡,此為隱藏上邊框
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0" bordercolor="#111111" width="90">
  <tr align="center">
  <td height="25" style="border-top-style: none; border-top-width: medium">隱藏上邊框</td>
  </tr>
  </table>
  將下面的代碼複製到<body>~</body>裡,此為隱藏左邊框
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 0" bordercolor="#111111" width="90">
  <tr align="center">
  <td style="border-left-style: none; border-left-width: medium" height="25">隱藏左邊框
  </td>
  </tr>
  </table>
  將下面的代碼複製到<body>~</body>裡,此為隱藏右邊框
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-right-width: 0" bordercolor="#111111" width="90">
  <tr align="center">
  <td style="border-right-style: none; border-right-width: medium" height="25">隱藏右邊框
  </td>
  </tr>
  </table>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.