How do you put borders around just one cell?

HTML & CSS
1

How do you get just one cell in the middle of a table to have a thick border around all sides of it please ? Have Googled it, but can’t seem find out how ?

2

Hi there Dez,

give the td element an id …

[color=navy]<td id="foo">[/color]

…then set your required CSS…

[color=navy]
<style type="text/css">
#foo {
    border:4px solid #f00;
 }
</style>
[/color]

coothead

3

Many thanks coothead, it’s appreciated, how would you do a collapse border, using the same idea please ?

4

Hi there Dez,

use…

[color=navy]
table {
    border-collapse:collapse;
 }
[/color]

coothead

5

Thanks coothead, but it’s just for the one cell.

6

Hi there Dez,

as far as I know, which isn’t a great deal, it’s all or nothing. :smiley:

coothead

7

You can’t collapse the border of just one cell in a table. This wouldn’t be possible, the way HTML tables are structured. Unless you need the border to flush with the other borders in the table, it shouldn’t matter though, the border is applied to just that one cell.

Otherwise, post a picture of how you’d like it to look.

8

Do you mean how do you remove the border from that one cell now that it has one?


#foo {
  border-width: 0;
}