Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Теги группирования столбцов – <colgroup> и строк – <tbody>

1 36 47 9
2 9 1
7 6
2 4 3 9 8
5 9 7 1
6 5 2
7
9 8 2 5
Исходный код этого примера:
<style>
    table {
        border-collapse: collapse;
        border: 3px solid #000;
    }
    colgroup,
    tbody {
        border: 2px solid #000;
    }
    td {
        border: 1px solid #000;
        height: 20px;
        width: 20px;
        text-align: center;
        padding: 0;
    }
</style>
<table>
    <colgroup span="3"></colgroup>
    <colgroup span="3"></colgroup>
    <colgroup span="3"></colgroup>
    <tbody>
    <tr><td>1</td><td> </td><td>3</td><td>6</td><td> </td><td>4</td><td>7</td><td> </td><td>9</td></tr>
    <tr><td> </td><td>2</td><td> </td><td> </td><td>9</td><td> </td><td> </td><td>1</td><td> </td></tr>
    <tr><td>7</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>6</td></tr>
    </tbody>
    <tbody>
    <tr><td>2</td><td> </td><td>4</td><td> </td><td>3</td><td> </td><td>9</td><td> </td><td>8</td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td>5</td><td> </td><td> </td><td>9</td><td> </td><td>7</td><td> </td><td> </td><td>1</td></tr>
    </tbody>
    <tbody>
    <tr><td>6</td><td> </td><td> </td><td> </td><td>5</td><td> </td><td> </td><td> </td><td>2</td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td><td>7</td><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td>9</td><td> </td><td> </td><td>8</td><td> </td><td>2</td><td> </td><td> </td><td>5</td></tr>
    </tbody>
</table>

.