title: Thin Black Border for a Table
body: <p><img src="https://i.stack.imgur.com/tyy9M.jpg" alt="enter image description here"></p>
  
  <p>I need to have such thin line for the whole table as seen above. The above image is a sample only. My solution, doesn't work. The table shows no border at all.</p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>table {
      border-width: thin;
      border-spacing: 2px;
      border-style: none;
      border-color: black;
  }
  </code></pre>