title: How to fill color in border spacing between cells in HTML using CSS
body: <p>I'm trying to fill black color between vertical cell spacing(columns) of a table in html but can't figure it out how to do it. Here is my code <hr></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table,
  th,
  td {
    border-collapse: separate;
    border-spacing: 2px;
    border-style: solid;
    border-width: thin;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;Heading One&lt;/th&gt;
      &lt;th&gt;Heading Two&lt;/th&gt;
      &lt;th&gt;Heading Three&lt;/th&gt;
    &lt;/tr&gt;
  
    &lt;tr&gt;
      &lt;td&gt;Apple&lt;/td&gt;
      &lt;td&gt;10&lt;/td&gt;
      &lt;td&gt;$1.0&lt;/td&gt;
    &lt;/tr&gt;
  
    &lt;tr&gt;
      &lt;td&gt;Mango&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;$2.0&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>