2016
Lynda
Chris Converse
0:37
English

Tables may be old school, but they're still a staple of web design. Learn how to make them look top-notch with a little CSS wizardry. Design the Web creator Chris Converse explains which table properties can be modified with CSS, and how to quickly change their visual style. He also shows how to add a background image, change the text color, and highlight rows. Plus, learn how to add animated hover states to the row elements, which allow users to quickly see related information in the table.

Introduction
1m 23s
Welcome
40s
About the exercise files
43s
1. Styling an HTML Table with CSS
35m 56s
Adding styles to the main table element
4m 51s
Targeting all TH and TD tags
4m 0s
Setting the column widths with nth child
3m 31s
Styling the table body
2m 39s
Styling the table footer
3m 47s
Setting styles for the first column
3m 10s
Adding highlights to rows
5m 54s
Adding hover states (rollovers) to rows
8m 4s

lynda.com/Web-Design-tutorials/Design-Web-Styling-Table/473325-2.html

Download File Size:124.56 MB

---