当然可以。您可以使用CSS来设置HTML表格的宽度为百分比,并且设置行高为像素精确值。以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head><style>
table {
width: 50%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 15px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
th {
height: 50px;
}
td {
height: 100px;
}
</style>
</head>
<body><table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
</body>
</html>
在这个示例中,我们设置了表格的宽度为50%,并且设置了表头和单元格的行高。您可以根据需要调整这些值。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云