/*这个三个标签的属性是要单独设置的,否则没鸟用*/
table,th,td {
border-width: 1px;
border-style: solid;
border-color: brown;
}
/*border-collapse是要设置在table标签里面的*/
table{
/* border-collapse: collapse; */
/* width:400px; */
/* height:300px; */
}
td{
padding:0px 15px;
text-align:center;
height:30px;
vertical-align:bottom;
background-color:green;
color:white;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页制作</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<table class="T">
<thead>
<tr>
<th>#</th>
<th>Make</th>
<th>Model</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Honda</td>
<td>Accord</td>
<td>2009</td>
</tr>
<tr>
<td>2</td>
<td>Toyota</td>
<td>Camry</td>
<td>2012</td>
</tr>
<tr>
<td>3</td>
<td>Hyundai</td>
<td>Elantra</td>
<td>2010</td>
</tr>
</tbody>
</table>
</body>
</html>
表格的CSS
最新推荐文章于 2022-10-08 11:32:29 发布