html表格

左手的ㄟ右手 2021-10-23 21:36 550阅读 0赞

通过设置table的border-collapse属性,明显改善表格样式。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。

  1. <html>
  2. <body>
  3. <table border="1" bgcolor="#00FF00" style = "border-collapse:collapse">
  4. <tr>
  5. <th>Month</th>
  6. <th>Savings</th>
  7. </tr>
  8. <tr>
  9. <td>January</td>
  10. <td>$100</td>
  11. </tr>
  12. <tr>
  13. <td>February</td>
  14. <td>$80</td>
  15. </tr>
  16. </table>
  17. <p>在 HTML 4.01 中,不赞成使用 body 元素的 bgcolor 属性;在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 bgcolor 属性。</p>
  18. </body>
  19. </html>

如图:
在这里插入图片描述
如果不用这个属性,如图:
在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,550人围观)

还没有评论,来说两句吧...

相关阅读

    相关 html表格

    通过设置table的border-collapse属性,明显改善表格样式。 border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 H

    相关 HTML-表格

    HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 实例 本例演示如何在