CSS tutorial, using external CSS with a table. CSS web page design.
	RoadDust's CSS table design tutorial. How to change a table with CSS tutorial.
Specify table column using external CSS. Basic CSS tutorial.

Specify CSS for a table column.

Modifying a table column with external CSS.

In the following CSS example I will show you how to alter a table's column properties using an external CSS file. As you will see in the following CSS and HTML example, you need to add a "class='className'" to your table column and put your CSS in a ".className{}".

This is the entire content of the external ".css" file. In this example I will call it "cssFileName.css".

.className{
	background-color: #444444;
	background-image:url('background.jpg'); 
}

This is the link to your external CSS that you must include in the head portion of your HTML page.

<link rel="stylesheet" type="text/css" href="cssFileName.css">

Finally this is the table itself. I will modify the first column with the CSS.

<table>
 <tr>
    <td class="className">
       Column 1.
    </td> 
    <td>
       Column 2.
    </td>
 </tr>
</table>

Using the above CSS and HTML samples you can modify a table's columns using an external CSS. The modifications will be specific to one column and not all table columns. You can find another example on this site if you wish to do this with an internal CSS.