首页html网页中如何设置2行2列的表格

html网页中如何设置2行2列的表格

时间: 2024-11-05 19:34:35 浏览: 17

在HTML中创建一个两行两列的表格，你可以使用`<table>`标签配合`<tr>`（表行）、`<td>`（单元格）标签来构建。下面是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <style> table { width: 100%; /* 如果你想让表格占据整个宽度 */ border-collapse: collapse; /* 合并边框 */ } td, th { border: 1px solid black; /* 设置单元格边框 */ padding: 8px; /* 内容和边框之间的填充 */ text-align: center; /* 居中对齐内容 */ } </style> </head> <body> <table> <tr>  <td>第一行，第一列</td> <td>第一行，第二列</td> </tr> <tr>  <td>第二行，第一列</td> <td>第二行，第二列</td> </tr> </table> </body> </html> ``` 在这个例子中，`<tr>`标签用于创建表格行，`<td>`标签用于创建每个单元格。如果你想创建两行两列，只需添加两个`<tr>`，每行内有两个`<td>`即可。

阅读全文