title: Half border for html table
body: <p>I have a table in my web page that I want to only have half borders. </p>
  
  <p>Example:</p>
  
  <p>The table that I have:</p>
  
  <pre><code>A | B | C
    |   |
  A | B | C
    |   |
  A | B | C
  </code></pre>
  
  <p>Note: </p>
  
  <pre><code>td { padding-bottom: 5%; }
  td#B { border-left: 1px solid black; border-right: 1px solid black}
  /* Assuming alphabets A , B and C are ids of each td */ 
  </code></pre>
  
  <p>The table that I want:</p>
  
  <pre><code>A | B | C
  
  A | B | C
  
  A | B | C
  </code></pre>
  
  <p>How can I achieve this? </p>
  
  <p>I am using angularjs' <code>ng-repeat</code> to display the data from a json database for the table. </p>