title: Use Css to get Tr border bottom over Td border left in a TABLE
body: <p>I've a problem with a table: <a href="http://jsfiddle.net/ex6ZR/252/" rel="nofollow noreferrer">http://jsfiddle.net/ex6ZR/252/</a></p>
  
  <pre><code>    .tr td{
         border-bottom: 2px solid black;
      }
  
      .td1{
         border-right: 3px solid blue;
      }
  </code></pre>
  
  <p>My goal is to get a bottom-border (along all the TR) overriding a Td Left border.</p>
  
  <p>It works when td.bottom-border-width > td.left-border-width but not when a bottom border thiner (and it's what i'm searching)</p>
  
  <p>I found many solutions using :before &amp; a block, but it works only with absolute position (and i can't set it because i'm in a table).</p>
  
  <p>My result: </p>
  
  <p><img src="https://i.stack.imgur.com/VB25G.png" alt="Current Result"></p>
  
  <p>Result expected: </p>
  
  <p><img src="https://i.stack.imgur.com/oBURT.png" alt="Result expected"></p>
  
  <p>EDIT : Jsfiddle was failed :x The good one is here now</p>
  
  <p>EDIT 2 :</p>
  
  <p>The problem has been solved, thanks to Jess Bart. I've updated the jsfiddle, and the result is great : </p>
  
  <pre><code>table{
              border-collapse: collapse;
          }
          td{
              position: relative;
              border:1px solid black;
          }
          td::after {
              border-right:1px solid orange;
              content:'';
              height: 100%;
              top: 0;
              right: -1;
              position: absolute;
          }
  </code></pre>