要将HTML表格分成两列,可以使用<table>
标签和<tr>
、<td>
等标签来创建表格,以下是一个示例代码,演示如何将表格分成两列:
<!DOCTYPE html> <html> <head> <title>HTML表格分成两列</title> <style> table { bordercollapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; textalign: left; } .column1 { float: left; width: 50%; } .column2 { float: right; width: 50%; } </style> </head> <body> <h2>HTML表格分成两列</h2> <table> <tr> <th>标题1</th> <th>标题2</th> </tr> <tr class="column1"> <td>数据1</td> <td>数据4</td> </tr> <tr class="column2"> <td>数据2</td> <td>数据5</td> </tr> <tr class="column1"> <td>数据3</td> <td>数据6</td> </tr> </table> </body> </html>
在上面的示例中,我们使用了CSS样式来控制表格的布局,通过设置bordercollapse: collapse;
属性,可以合并相邻单元格的边框,使用float: left;
和float: right;
属性将表格分为两列。width: 50%;
指定了每列的宽度为总宽度的一半,使用<tr>
和<td>
标签创建行和单元格,并在其中填充数据。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。