title: Add border-bottom to table row <tr>
body: <p>I have a table of 3 by 3. I need a way to add a border for the bottom of every row <code>tr</code> and give it a specific color.</p>
  
  <p>First I tried the direct way, i.e.:</p>
  
  <pre><code>&lt;tr style="border-bottom:1pt solid black;"&gt;
  </code></pre>
  
  <p>But that didn't work. So I added CSS like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>tr {
  border-bottom: 1pt solid black;
  }
  </code></pre>
  
  <p>That still didn't work.</p>
  
  <p>I would prefer to use CSS because then I don't need to add a <code>style</code> attribute to every row.
  I haven't added a <code>border</code> attribute to the <code>&lt;table&gt;</code>. I hope that that is not affecting my CSS.</p>