Styling HTML tables with CSS - Web Design/UX Tutorial

View the Code & CodePen:

In this video we're going to take a look at how to style HTML tables using CSS - this is an example of how I like to style up tables, you can easily take this code and then tweak it to suit your needs or own style.

Support me on Patreon:

0:00 Overview
0:45 Starting on the HTML
1:40 Styling the table element
3:22 Styling the table header row
4:47 Styling the table cells
5:27 Styling the table rows
7:16 Adding a few extras
9:30 Wrapping up

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #css #webdev

[dcode-software]

*To see a component-based version of a styled table, take a look at my recent video* 👇

[dictatorrich]

Finally, a video about tables where there person is actually talking instead of playing music in the background. This video helped me immensely. Thank you so much!

[dcode-software]

If you enjoyed drop a Like and Subscribe for more web development projects and tutorials like this one! 🙂

[shushuyu]

thank you so much for this. i was having a hard time finishing a project that pertains to using these tables. i didn't really understand the lecture but seeing you do things step by step and doing it along made it a lot easier for me.

[bennyhousemedia]

Finally a video on table without music but Explanation of what's happening n why this is that and that is this... This was helpful... Thumbs up

[vipakatilishi]

I feel like a fast learner, learning from dcode...Thank you so much!

[Hunchomadereal]

Literally I barely follow up tutors but I had to even turn on my post notifications for this program I literally learnt this like I was been thought in class thanks and I appreciate sir

[withinbracket]

one of the most underrated channel, love to see you grow, keep it up man

[lambo-ca]

There can't be a better video than on how to make a table .

Thanks man

Luv from Indonesia

[malma]

I want to create a web, but i'm just backend, and i'm search this, and found this video. Thank You Sir!

[RobertWildling]

This would be worthy to have a follow-up tutorial, that covers aspects of responsive design when it comes to tables.

[yoyoyoyo]

you are the one, I have been looking around how to differentiate html and css, and everybody has been explaining this or that, you got the substance, thank you so so much, good good one

[PauloHeaven]

Thank you! That makes me realize we're able to do mindblowing things in a simple way without even knowing.

[janetreid]

Such a helpful tutorial, particularly for a very new coder. Following the tutorial has made my table look amazing, thank you.

[MantaRochenHL]

I love how you explain every little thing. Very useful and I can actually understand it afterwards.

[akmedia]

I’ve been on YouTube long enough to know that Australian accent = dope video

[avichi]

So basically, he truly loves saying basically.
Thanks alot for a great tutorial !

[joaovictorvilar]

Thanks so much!
I had no idea how to do tables like this and looking so nice.

[WormyLeWorm]

Very helpful and direct, thank you. It's so hard to learn how this stuff actually works just reading about it without examples that are standardized, and then playing around from that standard.

[gestata]

Excellent Presentation! Бог да те благослови.