<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS 表格 </title>
<style>
/* table,th,td {
border: 1px solid rgb(219, 24, 24);
} */
table,
td,
th {
border: 1px solid black;
}
table {
/* border: 1px solid black; */
/* 宽度设置 100% */
width: 100%;
}
/* 第一行表格的高度设置 */
th {
/* 高度 */
height: 50px;
}
</style>
</head>
<body>
<h1>表格宽度，高度设置</h1>
<table>
<tr>
<th>表格1</th>
<th>表格2</th>
</tr>
<!-- <tr>
<th>表格3</th>
<th>表格4</th>
</tr>
<tr>
<th>表格5</th>
<th>表格6</th>
</tr>
<tr>
<th>表格7</th>
<th>表格8</th>
</tr> -->
<tr>
<td>Peter</td>
<td>Griffin</td>
<!-- <td>$100</td> -->
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<!-- <td>$150</td> -->
</tr>
</table>
</body>
</html>
效果