利⽤table来进⾏页⾯布局，制作⼀个简单的课程表corspan列跨度 rowspan ⾏跨度利⽤好这两个属性就可以熟练的利⽤表格来进⾏布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课程表</title>
</head>
<body>
<!-- corspan列跨度    rowspan  ⾏跨度利⽤好这两个属性就可以熟练的利⽤表格来进⾏布局案例做了⼀个五⾏六列的课程表 -->
<table width="800" height="600" border="1" cellspacing="0">
html网页设计 table
<tr>
<th colspan="2"></th>
<th>1</th>
<th>1</th>
<th>1</th>
</tr>
<tr>
<td rowspan="4">1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td rowspan="2">1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td >1</td>
</tr>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。