html第三天利用table做课程表

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
    <title></title>
    <style> table{ /*独立单元border-collapse:separate;*/ /*独立单元border-collapse:collapse;*/ /*合并行:rowspan = "6" 合并列:colspan = "6"*/ border-collapse:collapse; } td{ border:1px solid red; font-size:20px; color:black; font-weight:bold; } </style>
</head>
<body>
<table>
    <tr>
        <td>时间日期</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td rowspan="2">上午</td>
        <td>语文</td>
        <td>地理</td>
        <td>代数</td>
        <td>矩阵</td>
        <td>微积分</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>地理</td>
        <td>代数</td>
        <td>矩阵</td>
        <td>微积分</td>
    </tr>
    <tr>
        <td colspan = "6">&nbsp;</td>
    </tr>
    <tr>
        <td rowspan="2">下午</td>
        <td>语文</td>
        <td>地理</td>
        <td>代数</td>
        <td>矩阵</td>
        <td>微积分</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>地理</td>
        <td>代数</td>
        <td>矩阵</td>
        <td>微积分</td>
    </tr>
</table>
</body>
</html>

你可能感兴趣的:(html第三天利用table做课程表)