创建一个3行3列表格,表格居中,边框1pm,宽度600px,行高40px
时间: 2024-09-27 09:17:27 浏览: 39
在HTML中,你可以使用`<table>`元素结合CSS样式来创建这样的表格。以下是一个示例:
```html
<style>
table {
border-collapse: collapse; /* 合并边框 */
width: 600px;
margin: auto; /* 居中 */
table-layout: fixed; /* 确保行高固定 */
border: 1px solid #000; /* 边框 */
border-spacing: 0;
box-sizing: border-box; /* 包含边框在内宽高计算 */
font-size: 1em; /* 可选,设置字体大小 */
}
th, td {
padding: 0 10px; /* 设置单元格内填充 */
height: 40px; /* 行高 */
text-align: center; /* 文本居中 */
}
</style>
<table>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr>
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
</tr>
</table>
```
这里,我们设置了`<table>`元素的基本样式,包括宽度、居中以及边框。每一行和单元格都有对应的CSS样式,如行高、对齐方式和内边距。
阅读全文