把12306官网看为一个3列,12行的表格,设置边框为0写出相关代码
时间: 2024-09-20 09:04:44 浏览: 17
如果你想在HTML中创建一个表示12306官网的简单表格,边框设为0,看起来像3列12行,可以使用以下代码:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
table {
border-collapse: collapse;
width: 100%;
border: 0; /* 设置边框为0 */
}
th, td {
text-align: center; /* 居中文本 */
padding: 8px; /* 添加内边距 */
border-bottom: 1px solid #ccc; /* 只保留下划线边框 */
}
th {
background-color: #f2f2f2; /* 表头背景色 */
}
</style>
</head>
<body>
<table>
<!-- 表格标题 -->
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
<!-- 行1到行12的内容 -->
<tr>
<td>行1</td>
<td>内容1</td>
<td>内容2</td>
</tr>
<!-- 重复此结构,直到第12行 -->
<!-- ... -->
<tr>
<td>行12</td>
<td>内容12</td>
<td>内容12</td>
</tr>
</table>
</body>
</html>
```
你可以根据实际需要填写每个单元格的具体内容。这个代码会创建一个简单的无边框表格,列标题居中,并且只在每行底部有细线作为分隔。