HTML <table> 标签 实例 例子 1 一个简单的 HTML 表格，包含两列和两行： <table> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> </table> 亲自试一试 例子 2 如何向表格添加折叠边框（使用 CSS）： <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> </body> </html> 亲自试一试 例子 3 如何右对齐表格（使用 CSS）： <table style=”float:right”> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> 亲自试一试 例子 4 如何居中对齐表格（使用 CSS）： <html> <head> <style> table, th, td { border: 1px solid black; } table.center { margin-left: auto; margin-right: auto; } </style> </head> <body> <table class=”center”> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> 亲自试一试 例子 5 如何为表格添加背景颜色（使用 CSS）： <table style=”background-color:#00FF00″> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> 亲自试一试 例子 6 如何向表格添加内边距（使用 CSS）： <html> <head> <style> table, th, td { border: 1px solid black; } th, td { padding: 10px; } </style> </head> <body> <table> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> </body> </html> 亲自试一试 例子 7 如何设置表格宽度（使用 CSS）： <table style=”width:400px”> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> 亲自试一试 例子 8 如何创建表头： <table> <tr> <th>姓名</th> <th>电邮</th> <th>电话</th> </tr> <tr> <td>Bill Gates</td> <td>bill.gates@example.com</td> <td>138-1234-5678</td> </tr> </table> 亲自试一试 例子 9 如何创建带标题的表格： <table> <caption>每月储蓄</caption> <tr> <th>月份</th> <th>储蓄</th> </tr> <tr> <td>一月</td> <td>￥3400</td> </tr> <tr> <td>二月</td> <td>￥4500</td> </tr> </table> 亲自试一试 例子 10 如何定义跨越多行或多列的表格单格： <table> <tr> <th>姓名</th> <th>电邮</th> <th colspan=”2″>电话</th> </tr> <tr> <td>Bill Gates</td> <td>bill.gates@example.com</td> <td>138-1234-5678</td> <td>186-2345-6789</td> </tr> </table> 亲自试一试
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/47038.html
