By default, a table is rendered without borders. Using the code snippet below, the table outline, heading coloums and rows, and cells will all be given a border.

A border="" attribute is broken-up into 3 componets: width, style, and color. We will get more into borders with CSS, so for now, this is the basic border styling for tables.

This style element effectively states “a border 1 pixel wide, drawn as a solid line, in black.”

    table, th, td {
      border: 1px solid black;

NOTE: If you want only one line between your cells, you can use the border-collapse property. See the “Code-Play” linked in the next   TODO.