Web Development: Unraveling HTML, CSS, and JavaScript/

...

/

Setting Up Table-Specific Properties

Setting Up Table-Specific Properties

In this lesson, we'll cover setting up some table-specific properties. Let's begin!

We'll cover the following...

The table is almost entirely styled. Changing the boring default row colors can add a nice emphasis to the table. First, change the header rows’ color with the following definition:

Press + to interact
.fish-table th {
  font-size: 1.1em;
  text-align: left;
  background-color: #07093D;
  color: white;
  padding: 4px 0 8px 8px;
}

These settings will give a “Sky Blue Midnight” color to the header row using the same color as the table’s ...