Table styling in CSS - Video tutorial

- Table styling in CSS

In this CSS video tutorial it will be explained how to style your tables with CSS. It will be shown how to create a unique and special styling for a specific table. This video will basically reveal how to to turn your regular and boring tables into exciting and colorful tables.

The source code is available in the text box below - please feel free to copy it

<!-- CSS file
table#sample {
border-style: solid;
border-width: thin;
border-color: #000;
border-collapse: collapse;


}
.tableheader {
    font-weight: bold;
    font-size: 22px;
    background-color: #FF0;
    border-color: #000;
    border-style: solid;
    border-width: thin;
    color: #000;


}
.tdgrey {
   font-weight: bold;
    font-size: 15px;
    background-color: #999;
    border-color: #000;
    border-style: solid;
    border-width: thin;
    color: #FFF;
}
.tdwhite {
    font-weight: bold;
    font-size: 15px;
    background-color: #FFF;
    border-color: #000;
    border-style: solid;
    border-width: thin;
    color: #999;
}

-->
<!-- HTML file:
<!DOCTYPE html>
<HTML lang="en-US">
    <HEAD>
        <TITLE> Table styling CSS </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <link rel="stylesheet" href="Stylesheet.css" type="text/css" />
    </HEAD>
    <BODY>
        <table id="sample">
            <tr>
                <th class="tableheader"> Heading 1 </th>
                <th class="tableheader"> Heading 2 </th>
            </tr>
            <tr>
                <td class="tdgrey"> Data 1 </td>
                <td class="tdgrey"> Data 2 </td>
            </tr>
            <tr>
                <td class="tdwhite"> Data  1 </td>
                <td class="tdwhite"> Data  2 </td>
            </tr>

        </table>
    </BODY>
</HTML>

-->

Video tags:
This video relates to subjects such as: Make your own website, build your own website, free website , Making a website from scratch , web design, HTML website, websites, html, video tutorials, free tutorials, beginner tutorials, Tables in CSS, Table styling

If your have any comments, then feel free to use the form below. Everyone can comment without using a login.