From the course: HTML: Tables

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Challenge: Style HTML tables

Challenge: Style HTML tables - HTML Tutorial

From the course: HTML: Tables

Challenge: Style HTML tables

(bright music plays) - (Instructor) Okay, so now that you've seen all of the different ways you might think about styling a table, it's time for you to go ahead and give it a try in this next challenge. So, I've given you a starting Codepen that you can take a look at. This is the same starting table, the mark-up that you created in the first challenge in this course. I've given you it here. You can keep working with the same html that you created in that challenge if you wish, and then using the principles that I've presented over the last few videos, along with your own tricks that you may bring to this as well, make that table look prettier than it does now. Trust me, the bar is really low. There's not a lot that you can do to make it look worse than it does now. Test out some of the selectors that I showed you, rather than adding a zillion CSS classes. So make use of first child and last child, make use of some of the element selectors rather than just creating a whole bunch of…

Contents