HTML
<table>
<thead>
<tr>
<th>Planeta</th>
<th>Símbolo</th>
<th>Imagen</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mercurio</td>
<td><img
src="../../assets/img/simbols/Mercury_symbol.svg.png"
alt="Símbolo de Mercurio"></td>
<td><img
src="../../assets/img/planets/50px-Mercury_in_color_-_Prockter07_centered.jpg"
alt="Foto de Mercurio"></td>
</tr>
<tr>
<td>Venus</td>
<td><img
src="../../assets/img/simbols/Venus_symbol.svg.png"
alt="Símbolo de Venus"></td>
<td><img
src="../../assets/img/planets/Venus-real_color.jpg"
alt="Foto de Venus"></td>
</tr>
<tr>
<td>Tierra</td>
<td><img
src="../../assets/img/simbols/Earth_symbol.svg.png"
alt="Símbolo de la Tierra"></td>
<td><img
src="../../assets/img/planets/Earth_Eastern_Hemisphere.jpg"
alt="Foto de la Tierra"></td>
</tr>
<tr>
<td>Marte</td>
<td><img
src="../../assets/img/simbols/Mars_symbol.svg.png"
alt="Símbolo de Marte"></td>
<td><img
src="../../assets/img/planets/Mars_Valles_Marineris.jpeg"
alt="Foto de Marte"></td>
</tr>
<tr>
<td>Júpiter</td>
<td><img
src="../../assets/img/simbols/Jupiter_symbol.svg.png"
alt="Símbolo de Júpiter"></td>
<td><img
src="../../assets/img/planets/Jupiter.jpg"
alt="Foto de Júpiter"></td>
</tr>
<tr>
<td>Saturno</td>
<td><img
src="../../assets/img/simbols/Saturn_symbol.svg.png"
alt="Símbolo de Saturno"></td>
<td><img
src="../../assets/img/planets/Saturn_from_Cassini_Orbiter_(2004-10-06).jpg"
alt="Foto de Saturno"></td>
</tr>
<tr>
<td>Urano</td>
<td><img
src="../../assets/img/simbols/Uranus_monogram.svg.png"
alt="Símbolo de Urano"></td>
<td><img
src="../../assets/img/planets/Uranus.jpg"
alt="Foto de Urano"></td>
</tr>
<tr>
<td>Neptuno</td>
<td><img
src="../../assets/img/simbols/Neptune_symbol.svg.png"
alt="Símbolo de Neptuno"></td>
<td><img
src="../../assets/img/planets/Neptune.jpg"
alt="Foto de Neptuno"></td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
<td>Footer 3</td>
</tr>
</tfoot>
</table>
CSS
table th:last-child {
background-color: black;
}
table td {
text-align: center;
}
table td:last-child {
background-color: black;
}