Tables in CSS ???

I want to have TABLE with different styles in 2 different ".html" pages of my website.

Is it possible to right the code for two different table in one single CSS ???

Right now the table code (for my FORM) is:

Code: Select all

/* ................................... Table ......................................... */

#centerContent table
{
    background-color:black;
    border-spacing:2%;
    margin:3% 3%;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:left;
}

#centerContent tr
{
    border:none;
}

#centerContent th
{
    color:fuchsia;
    font-weight:bold;
}

#centerContent td
{
    font-size:medium;
    color:white;
}

As you can see that there's NO border & text are align left, which is what I needed for laying out my "Contact Us" form.

But I need one more table in different page (service.html), which is also linked with the same CSS file.

How could I make new table layout style in the same stylesheet & recall it in "service.html", since here, I want text align "justify" and HAVING border in the rows ???

Exactly correct. Do this and you'll be minty.