Check out example codes for "table border css". It will help you in understanding the concepts better.

Code Example 1

table, th, td {
  border: 1px solid black;

Code Example 2

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;

Code Example 3

   <title>Working with HTML Tables</title>
   <table>				<!-- create an table object -->
     <tr>				<!-- "tr" represents a row -->
       <th>Name</th>	<!-- use "th" to indicate header row -->
       <th>Date of Birth</th>
     <tr>				<!-- once again use tr for another row -->
       <td>Mary</td>	<!-- use "td" henceforth for normal rows -->

Learn ReactJs, React Native from