td border: thin solid black; : td border « Tags « HTML / CSS






td border: thin solid black;

   
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title> My favorite records  </title>
        <style>

table {
    width: 100%;
    border: thin solid black;
    border-spacing: 0 15px;
}
td {
    border: thin solid black;
}
th, tfoot td {
    border: thin solid black;
    text-align: center;
    font-weight: bold;
}
tbody td {
    font-size: 120%;
}
caption {
    font-size: 90%;
    text-align: right;
}
td, th, caption {
    padding: 5px;
}
        
        </style>
    </head>
    <body>
        <table>
            <caption>
                Table: My favorite records.
            </caption>
            <colgroup>
                <col id='album' />
                <col id='artist' />
                <col id='released' />
            </colgroup>
            <thead>
                <tr>
                    <th> album            </th>
                    <th> artist           </th>
                    <th> released         </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td> This is a test.      </td>
                    <td> This is a test.      </td>
                    <td> 1965             </td>
                </tr>
                <tr>
                    <td> This is a test.  </td>
                    <td> This is a test.     </td>
                    <td> 1967             </td>
                </tr>
                <tr>
                    <td> Queen II         </td>
                    <td> Queen            </td>
                    <td> 1974             </td>
                </tr>
                <tr>
                    <td> Sone </td>
                    <td> Music                  </td>
                    <td> 1995                                   </td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td> album            </td>
                    <td> artist           </td>
                    <td> released         </td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>

   
    
    
  








Related examples in the same category

1.Shading border for table cell
2.Table cell border
3.Cell with no Border
4.Hidden, Removed Cells and Separated Borders
5.Hidden, Removed Cells and Collapsed Borders
6.Set td tag to have border: 1px solid black, width:6em
7.Use table cell border to highlight total
8.Table cell with dashed black border
9.Table border and table header, cell border
10.td border-left: 1px solid #fff;
11.td border-bottom: 1px solid #fff;
12.td border: 1px solid black;
13.td {border:1px solid black;}
14.td border-bottom: 1px solid #CDC1A7;
15.td border: 1px solid rgb(200, 200, 200);
16.td border: 1px solid crimson;
17.td border: 1px solid darkslateblue;
18.td border: 1px solid gold;
19.td {border:1px solid black;}
20.td padding:5px;border-style:solid;border-width:1px;border-color:#999999;
21.hover with border
22.Interior column border