使用CSS改變表格邊框樣式

來源:互聯網
上載者:User
css 用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.