html打印表格
时间: 2023-07-01 08:26:04 浏览: 56
要打印HTML表格,你可以使用CSS中的@media规则来定义打印样式。下面是一个简单的HTML表格和一个打印样式的示例:
```html
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
<tr>
<td>张三</td>
<td>28</td>
<td>工程师</td>
</tr>
<tr>
<td>李四</td>
<td>35</td>
<td>教师</td>
</tr>
</table>
```
```css
@media print {
table {
border-collapse: collapse; /* 合并表格边框 */
width: 100%; /* 表格宽度 */
margin: 0 auto; /* 居中 */
}
th, td {
border: 1px solid #000; /* 表格边框 */
padding: 8px; /* 单元格内边距 */
text-align: center; /* 文字居中 */
}
th {
background-color: #eee; /* 表头背景色 */
}
}
```
在这个示例中,@media规则指定了打印时的表格样式。table元素设置了border-collapse属性,将表格边框合并为一个单一的边框。th和td元素设置了边框、内边距和文字对齐方式。th元素还设置了背景色。
通过设置这些样式,你可以在打印时获得一个漂亮的、易于阅读的表格。你可以使用浏览器的打印功能或打印预览来查看效果。