<div class="main">
<table>
  <thead>
    <th>Country</th>
    <th>Capital</th>
    <th>Population</th>
    <th>Year</th>
  </thead>
  <tbody>
    <tr>
      <td>China</td>
      <td>Beijing</td>
      <td>21,542,000</td>
      <td>2010</td>
    </tr>
    <tr>
      <td>India</td>
      <td>New Delhi</td>
      <td>14,200,004</td>
      <td>2011</td>
    </tr>
    <tr>
      <td>Japan</td>
      <td>Tokyo</td>
      <td>13,929,286</td>
      <td>2017</td>
    </tr>
  </tbody>
</table>
</div>
.main {
  width: 80%;
  margin: 20px auto;
}
table {
  border-spacing: 0;
  width: 100%;
}
tr {
  text-align: center;
}
th {
  padding: 10px;
}
table tbody tr:nth-child(odd){
  background-color: #eee
}
table thead {
  background-color: blue;
  color: white;
}
table thead th:first-child {
  border-radius: 5px 0 0 0;
  border: 1px solid blue;
}
table thead th:last-child {
  border-radius: 0 5px 0 0;
  border-right: 1px solid blue;
}
table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.