怎么用css写6行3列的表格
时间: 2024-05-01 07:22:29 浏览: 67
可以使用如下的CSS代码来实现一个6行3列的表格:
```
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid black;
padding: 8px;
text-align: center;
}
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td>行1列1</td>
<td>行1列2</td>
<td>行1列3</td>
</tr>
<tr>
<td>行2列1</td>
<td>行2列2</td>
<td>行2列3</td>
</tr>
<tr>
<td>行3列1</td>
<td>行3列2</td>
<td>行3列3</td>
</tr>
<tr>
<td>行4列1</td>
<td>行4列2</td>
<td>行4列3</td>
</tr>
<tr>
<td>行5列1</td>
<td>行5列2</td>
<td>行5列3</td>
</tr>
<tr>
<td>行6列1</td>
<td>行6列2</td>
<td>行6列3</td>
</tr>
```
这个代码中,我们首先定义了一个表格并设置了边框折叠和宽度为100%。接着,我们定义了表格中的每个单元格,设置了边框和内边距,并将文本居中对齐。最后,我们在表格中添加了6行3列的内容。
阅读全文