OK, let's change the cell border color and thickness and background colors. Unlike the table border, this has to be done individually for each cell. Although the cell border color will be the same for each cell, you may want to have a different background color for each cell, so I've left the #ffffff, which you can change to whatever color you want for each individual cell.
At the start of each section of code you will see the td data <td>:
<td style="border: 1px solid #000000; background-color: #ffffff;
Change it to this:
<td style="border: 2px solid #352ece; background-color: #ffffff (whatever color you want);
and you will see this:
I have used these colors purely as an example, you can have any color you like, if any. Want to change the text colors? OK, let's do it.Join the Discussion
Write something…
JeffBoivin
Premium
Great great tutorial ! I bookmarked for futur use, thanks for sharing your knowledge, Cheers, Jeff
Mark Tait
Premium
Hi Harry - very comprehensive, well done on a great tutorial.
Tables baffle a lot of people - I've seen a lot of questions here about them - and without a plugin, going into HTML for some people can be very daunting.You've clearly explained tables in a very easy way to understand.
If I could add one thing, where you have "width: 123px;" - that can be changed to a percentage - so your table becomes a little bit responsive. eg. "width: 40%;" - then the table will adapt as much as possible to the size of screen it's being viewed on.
All the best, Mark
Tables baffle a lot of people - I've seen a lot of questions here about them - and without a plugin, going into HTML for some people can be very daunting.You've clearly explained tables in a very easy way to understand.
If I could add one thing, where you have "width: 123px;" - that can be changed to a percentage - so your table becomes a little bit responsive. eg. "width: 40%;" - then the table will adapt as much as possible to the size of screen it's being viewed on.
All the best, Mark