将单元格居中,增加边框
时间: 2024-03-14 14:45:50 浏览: 10
好的,如果您想要将单元格居中并增加边框,您可以使用 HTML 和 CSS 来实现。
以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>示例表格</title>
<style type="text/css">
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid black;
padding: 8px;
text-align: center;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
</tbody>
</table>
</body>
</html>
```
上述代码中,`border-collapse: collapse;` 表示将边框合并,`padding: 8px;` 表示单元格内边距为 8 像素,`text-align: center;` 表示将单元格内容居中。
您可以将以上代码保存为 HTML 文件,并使用浏览器打开,即可看到一个带边框的居中表格。
希望这个方法可以帮助到您!