From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Setting a stylish table

Setting a stylish table - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Setting a stylish table

“

- [Instructor] Hi, this is Chris Converse, and in this episode, we'll style rows and columns of an HTML table without adding additional markup to the HTML file. We'll use the nth-child() Selector in CSS to style specific table row elements and visually group together table data elements to highlight columns. So if you'd like to follow along with me, download the exercise files and let's begin by opening index.html in a text editor. And once you have the HTML file open, you'll see that we have a table inside of here. The table is broken into two groups. There's the table head group here and the table body. Inside we have our table rows and all of our td's. And if you'd like to see the layout we're starting from, you can open this index.html file up in a browser. So as I mentioned earlier, we're not going to be changing any of the HTML. So let's go back to the exercise files. Let's choose style.css and let's open this in our text editor. Once this is open let's scroll down to the…

Contents