From the course: HTML: Tables

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

Style your table headers and footers

Style your table headers and footers - HTML Tutorial

From the course: HTML: Tables

Start my 1-month free trial

Style your table headers and footers

“

- [Instructor] Now for the part that so many of you have been waiting for. What about these table headers? They're difficult to read, they're badly aligned, and they totally need some attention. What can we do here? Well, there's tons of stuff we can do and tons of stuff that we will do. So our table looks a little weak at the moment. Let's add some color to it and make some stuff pop a little bit, and it'll be really much better table-looking, better-looking table once we're done here. So I'm going to start with my th, and just by saying for your th your text-align of left. Doing this one thing will immediately improve the look of your table, because now everything is aligned at least on top of each other and you have some nice sharp alignment going on. But obviously we can go a little further than that. Let's also give it a background color, and we'll use that same tan again, ccae51. There we go. And let's also change the color of the text to white. Just make it stand out a little…

Contents