Style Tables with CSS

4.8
stars
22 ratings
Offered By
Coursera Project Network
1,719 already enrolled
In this Guided Project, you will:

Describe the HTML code used to create a table on a web page.

Write CSS code to enhance the appearance and readability of a table.

Apply CSS rules to table components in an HTML document.

Clock1 hour and 10 minutes
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this intermediate-level course you will explore how CSS (Cascading Stylesheets) can be used to alter the appearance of a table on your web page. HTML is used to add a table to a website to organize content. CSS is used to make that table easier to read and more visually appealing to website visitors. You will use the Notepad++ editor to write CSS rules with a variety of selectors and properties that are applied to table components to change their appearance. The Chrome browser is used to display the page to test the results of your work. CSS is a very powerful tool and using it to enhance the look of a table is a valuable skill for a web developer. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

Web DevelopmentCascading Style Sheets (CCS)Table BordersHTML TablesInternal Stylesheet

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Review the HTML code used to generate tables in preparation for applying CSS.

  2. Write CSS rules to add borders to a table.

  3. Alter the look of a table using CSS to set text and color properties.

  4. Use alignment and sizing to enhance the appearance and readability of a table.

  5. Apply CSS rules to a table of images.

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.