html 3日目tableを利用したカリキュラム

7969 ワード

<!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>