html创建表格,三行二列代码,快速代码
时间: 2024-08-27 07:01:06 浏览: 35
HTML创建一个简单的三行两列表格,可以使用`<table>`标签配合`<tr>`(行)、`<td>`(单元格)标签来实现。下面是一个快速代码示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<style>
table {
border-collapse: collapse; /* 合并边框 */
width: 100%; /* 表格宽度占全屏 */
}
th, td {
padding: 8px; /* 单元格内填充 */
text-align: left; /* 文字左对齐 */
border: 1px solid #ccc; /* 边框样式 */
}
tr:nth-child(even) { /* 奇数行背景色 */
background-color: #f2f2f2;
}
</style>
</head>
<body>
<table>
<tr> <!-- 第一行 -->
<th>标题1</th> <!-- 标题单元格 -->
<th>标题2</th> <!-- 标题单元格 -->
</tr>
<tr> <!-- 第二行 -->
<td>内容1</td>
<td>内容2</td>
</tr>
<tr> <!-- 第三行 -->
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
</body>
</html>
```
这个例子创建了一个有标题的简单表格,每一行有两个单元格,且偶数行有一些基本的样式设置。你可以根据需要修改单元格的内容和样式。