Skip to Content
Learn
HTML Tables
Styling with CSS

Tables, by default, are very bland. They have no borders, the font color is black, and the typeface is the same type used for other HTML elements.

CSS, or Cascading Style Sheets, is a language that web developers use to style the HTML content on a web page. You can use CSS to style tables. Specifically, you can style the various aspects mentioned above.

table, th, td { border: 1px solid black; font-family: Arial, sans-serif; text-align: center; }

The code in the example above demonstrates just some of the various table aspects you can style using CSS properties.

Instructions

1.

We’ve included a .css file containing instructions for styling the HTML content in the index.html file.

In style.css, set the font-size of all table headings (th) and table data (td) to 18 pixels (18px).

Folder Icon

Take this course for free

Already have an account?