Change border color for every cell of a table

jdang67 · #1 (**permalink**) February 23rd, 2006, 04:56 PM

Hi all,

I want to change the border color of every cells or rows of a table but I am not quite sure what is the best way to do it. Personally, I want to change on the table level, not on cells or rows object.

Setting border=1 on table tag will turn all border on but when we try to change border color then only 4 sides border are changed and inside are not. Does anybody know how to do this?

JDang

richard.york · #2 (**permalink**) February 23rd, 2006, 05:01 PM

Take the HTML border attribute away, and apply the following CSS between <head> and </head> tags.

Code:

<style type='text/css'>
    table, td {
        border: 1px solid black;
    }
</style>

That border applies to all <table> and <td> elements in a given document.

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

meow · #3 (**permalink**) February 23rd, 2006, 05:02 PM

CSS handles borders os TABLE and TD (and TH) separately.

For all tables.
table,td,th { border: 2px solid #f00 }

If you want to affect just one table, you have to use a more specific selector (for instance by giving the table an id or class).

http://www.w3.org/TR/REC-CSS2/tables.html

--
http://yupapa.com

meow · #4 (**permalink**) February 23rd, 2006, 05:03 PM

Hee-hee! You got me this time, Richard. :D

--
http://yupapa.com

Need to download code?

Navigation