Use the links below to re-style this entire web site to see how you can change the looks of a website with CSS while leaving the content in tact.
Tables should be used for showing tabular data, like what you might see on a spreadsheet. Early on in web days, folks used HTML (HyperText Markup Language) and tables for styling because CSS (Cascading Style Sheets) didn't exist. Now that CSS is a thing, HTML should only be used for content, not styling. Don't use tables for design work, use CSS.
Want to see something cool? Check out a table with a "sticky table header". There you'll see that the "th" row will stay on the page as you might hope.
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| This thing | That thing | Another thing |
| Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 |
| Row 3 Column 1 | Row 3 Column 2 | Row 3 Column 3 |
| Row 4 Column 1 | Row 4 Column 2 | Row 4 Column 3 |
| Row 5 Column 1 | Row 5 Column 2 | Row 5 Column 3 |
| Row 6 Column 1 | Row 6 Column 2 | Row 6 Column 3 |
| Row 7 Column 1 | Row 7 Column 2 | Row 7 Column 3 |
| Row 8 Column 1 | Row 8 Column 2 | Row 8 Column 3 |
| Row 9 Column 1 | Row 9 Column 2 | Row 9 Column 3 |
| Row 10 Column 1 | Row 10 Column 2 | Row 10 Column 3 |
| Row 11 Column 1 | Row 11 Column 2 | Row 11 Column 3 |
| Row 12 Column 1 | Row 12 Column 2 | Row 12 Column 3 |
| Row 13 Column 1 | Row 13 Column 2 | Row 13 Column 3 |
| Row 14 Column 1 | Row 14 Column 2 | Row 14 Column 3 |
| Row 15 Column 1 | Row 15 Column 2 | Row 15 Column 3 |
| Row 16 Column 1 | Row 16 Column 2 | Row 16 Column 3 |
| Row 17 Column 1 | Row 17 Column 2 | Row 17 Column 3 |
| Row 18 Column 1 | Row 18 Column 2 | Row 18 Column 3 |
| Row 19 Column 1 | Row 19 Column 2 | Row 19 Column 3 |
| Row 20 Column 1 | Row 20 Column 2 | Row 20 Column 3 |
| Row 21 Column 1 | Row 21 Column 2 | Row 21 Column 3 |
| Row 22 Column 1 | Row 22 Column 2 | Row 22 Column 3 |
| Row 23 Column 1 | Row 23 Column 2 | Row 23 Column 3 |
| Row 24 Column 1 | Row 24 Column 2 | Row 24 Column 3 |
| Row 25 Column 1 | Row 25 Column 2 | Row 25 Column 3 |
| Row 26 Column 1 | Row 26 Column 2 | Row 26 Column 3 |
| Row 27 Column 1 | Row 27 Column 2 | Row 27 Column 3 |
| Row 28 Column 1 | Row 28 Column 2 | Row 28 Column 3 |
| Row 29 Column 1 | Row 29 Column 2 | Row 29 Column 3 |
| Row 30 Column 1 | Row 30 Column 2 | Row 30 Column 3 |
| Row 31 Column 1 | Row 31 Column 2 | Row 31 Column 3 |
| Row 32 Column 1 | Row 32 Column 2 | Row 32 Column 3 |
| Row 33 Column 1 | Row 33 Column 2 | Row 33 Column 3 |
| Row 34 Column 1 | Row 34 Column 2 | Row 34 Column 3 |
| Row 35 Column 1 | Row 35 Column 2 | Row 35 Column 3 |
| Row 36 Column 1 | Row 36 Column 2 | Row 36 Column 3 |
| Row 37 Column 1 | Row 37 Column 2 | Row 37 Column 3 |
| Row 38 Column 1 | Row 38 Column 2 | Row 38 Column 3 |
| Row 39 Column 1 | Row 39 Column 2 | Row 39 Column 3 |
| Row 40 Column 1 | Row 40 Column 2 | Row 40 Column 3 |
| Row 41 Column 1 | Row 41 Column 2 | Row 41 Column 3 |
| Row 42 Column 1 | Row 42 Column 2 | Row 42 Column 3 |
| Row 43 Column 1 | Row 43 Column 2 | Row 43 Column 3 |
| Row 44 Column 1 | Row 44 Column 2 | Row 44 Column 3 |