AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Теги группирования столбцов – <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 type="text/css">
    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>
<h3>Теги группирования столбцов – &lt;colgroup&gt; и строк – &lt;tbody&gt;</h3>
<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>


.

© Copyright 2008-2017 by KDG