Search⌘ K
AI Features
Home
Courses
Web Development: Unraveling HTML, CSS, and JavaScript

Setting Up Table-Specific Properties

Explore how to apply CSS properties specifically to HTML tables. Learn to change header row colors, add alternating row shading, create hover effects, and style captions to make tables visually appealing and clear.

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:

NAME_
CSS
.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 ...