Related usage of table

1.cellspacing is used to set the spacing between each cell in the table
2. Cell padding between text and border in the table
3. Table background color bgcolor
4. Table background image background = "background image address"
5. A single cell can also set its own properties (such as height, background color, border color, etc.), and can operate on the vertical and horizontal alignment of a single cell
6. Horizontal span colspan = number of columns crossed
7. Vertical span rowspan = number of rows crossed
8.bordercolorlight = "color of bright border"
table template

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
             td{
                text-align: center;

            }
            /*
              table{
                border-color: aquamarine;
            }
            */ 

        </style>
    </head>
    <body>
        <table align="center" width="600px" height="200px" border="1px" bordercolor="#66CCFF" cellspacing="5" cellpadding="5" bgcolor="blanchedalmond" >
            <caption >Title</caption>
            <th>Table 1</th>
            <th>Table 2</th>
            <th>Table 3</th>
            <th>Table 4</th>
            <tr><td bordercolordark="CC00FF">First row first column</td><td rowspan="2">first,2 Row second columns</td><td>First row, third column</td><td>First row, fourth column</td></tr>
            <tr><td>Second row first column</td><td>Second row third column</td><td>Second row, fourth column</td></tr>
            <tr valign="bottom"><td valign="bottom" colspan="2">The third row, the first two columns</td><td>Third row third column</td><td>Third row, fourth column</td></tr>
            <tr  height="30px"><td bordercolorlight="CC00FF">Line 4, column 1</td><td bordercolorlight="3300FF">Line 4, column 2</td><td>Line 4, column 3</td><td>Fourth row fourth column</td></tr>
        </table>
</html>

Posted on Mon, 06 Jan 2020 19:45:33 -0800 by englishman69