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.



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).

Take this course for free

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?