Colorindo tabelas

css/extincoes.css

@@ -32,7 +32,6 @@ footer {
 
 .table-content table {
   min-width: 700px;
-  background-color: rgb(250, 250, 250);
 }
 
 .table-content table, .table-content th, .table-content td {
@@ -47,6 +46,10 @@ footer {
   height: 35px;
 }
 
+.tr-color {
+  background-color: #eee;  
+} 
+
 .caption {
   display: flex;
   justify-content: center;

css/parques-naturais.css

@@ -31,8 +31,11 @@
   
   .table-content table {
     min-width: 700px;
-    background-color: rgb(250, 250, 250);
   }
+
+  .tr-color {
+    background-color: #eee;  
+  } 
   
   .table-content table, .table-content th, .table-content td {
     border-collapse: collapse;

paginas/extincoes.html

@@ -35,7 +35,7 @@
       <div>
         <caption><a class="caption">Animais em extinção</a></caption>
         <table>
-          <tr>
+          <tr class="tr-color">
             <th>Animal</th>
             <th>Quantidade</th>
           </tr>
@@ -43,7 +43,7 @@
             <td>Lobo-guará</td>
             <td>23000</td>
           </tr>
-          <tr>
+          <tr class="tr-color">
             <td>Onça-pintada</td>
             <td>10000</td>
           </tr>
@@ -51,7 +51,7 @@
             <td>Panda-gigante</td>
             <td>2500</td>
           </tr>
-          <tr>
+          <tr class="tr-color">
             <td>Arara-azul-de-lear</td>
             <td>1200</td>
           </tr>

paginas/parques-naturais.html

@@ -34,7 +34,7 @@
       <div>
         <caption><a class="caption">Parques naturais</a></caption>
         <table>
-          <tr>
+          <tr class="tr-color">
             <th>Nome</th>
             <th>Área (m2)</th>
             <th>Local</th>
@@ -44,7 +44,7 @@
             <td>1.291.000.000</td>
             <td>Piauí</td>
           </tr>
-          <tr>
+          <tr class="tr-color">
             <td>Parque Estadual de Dois Irmãos</td>
             <td>3.874.000</td>
             <td rowspan="2">Pernambuco</td>
@@ -53,7 +53,7 @@
             <td>Parque Ecológico da Serra Negra</td>
             <td>32.400</td>
           </tr>
-          <tr>
+          <tr class="tr-color">
             <td>Parque Nacional de Ubajara</td>
             <td>5.630.000</td>
             <td>Ceará</td>
@@ -63,7 +63,7 @@
             <td>913.000.000</td>
             <td>Bahia</td>
           </tr>
-          <tr class="colspan">
+          <tr class="colspan tr-color">
             <td colspan="3">Somatório das áreas: 2.213.536.400 m2</td>
           </tr>
         </table>