title: HTML table border double line
body: <p>I tried to create a table with border (on every cell). Everything is okay, just the following part not:
  <a href="https://i.stack.imgur.com/Meqzv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Meqzv.png" alt="wrong line width"></a><br>
  The first cell has double wide top border.</p>
  
  <p>The css contains:    </p>
  
  <pre><code>table { white-space-collapse:collapse; border-collapse:collapse; }  
  table tr td, table tr th { padding: 0px; margin:0px; vertical-align:middle; }
  
  table.bordered tr{border: 1px solid black;}   
  table.bordered td{border: 1px solid black;}
  </code></pre>
  
  <p>The HTML code:    </p>
  
  <pre><code>`&lt;table class="bordered"&gt;
      &lt;th&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;div class="tHead"&gt;Memory slot&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="tHead"&gt;Frequency [MHz]&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="tHead"&gt;Output power [dBm]&lt;/div&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/th&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;div class="mid" id="mS0Num"&gt;&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="mid" id="mS0Freq"&gt;&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="mid" id="mS0OP"&gt;&lt;/div&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;div class="mid" id="mS1Num"&gt;&lt;/div&gt;&lt;/td&gt;
          ...
  &lt;/tbody&gt;
  </code></pre>
  
  <p>
  `</p>
  
  <p>I want to make the first cell border as the other cell borders. How can i do this?</p>