title: Table border color in CSS with border collapse
body: <p>I want to put a line above some field in a table, to indicate that it is a sum of the above values. However, the table already has borders by default.</p>
  
  <p>Here is an example: I have a table with borders collapsed. I set the border-bottom on one field, and the border-top on the field below it. Both of these specify the same border. The CSS for the top one is used. Is there a way to use the bottom one?</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;style type="text/css"&gt;
              table { border-collapse: collapse; }
              td.first { border-bottom: solid red 1px; }
              td.second { border-top: solid gold 1px; }
          &lt;/style&gt;
  
      &lt;body&gt;
          &lt;table&gt;
              &lt;tr&gt;&lt;td class="first"&gt;Hello&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td class="second"&gt;World&lt;/td&gt;&lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This shows two cells with a red line between them. Is there way to get a gold line?</p>