Question

</section>


<section class="content-block" shows">
<h2 id "shows-title">Upcoming Shows</h2>
<table id "table" class="styled-table">
<tr>
<th>Date & Time</th>
<th>Venue</th>
<th>Notes</th>
</tr>
<tr>
<td>June 12, 8pm</td>
<td>Wednesday's</td>
<td>w/Distant Son</td>
</tr>
<tr>
<td>June 18, 9:30 pm</td>
<td>Club Sol</td>
<td rowspan="2">w/ Crazed Monarch</td>
</tr>
<tr>
<td>June 25, 9:30 pm</td>
<td>Elictrique</td>
</tr>
</table>
</section>


For the th element in the Upcoming Shows table, set the background-color property to black, and set the color property to light gray.

For the table cells, 8px of padding is about right.

Answer 1

Add this CSS to your stylesheet (or inside a <style> block):

#table th {
background-color: #000; /* black */
color: #d3d3d3; /* light gray */
}

#table th,
#table td {
padding: 8px;
}

If you prefer to target by class instead of the id, replace #table with .styled-table.