title: How to remove vertical Line from html table?
body: <p>Hi i want to remove vertical line from html table and only specific vertical line want to remove in my html table there  are only  3 vertical line where i want to remove 1 and 3 line only</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  .table1{
  
   background: -moz-linear-gradient(-90deg, #003471, #448CCB);
   background: -webkit-gradient(linear, left top, left bottom, from(#003471), to(#448CCB));
  
  }
  table, th, td {
    border-left: none;
    border-right: none;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;div id="div1" class='display'&gt;
  
             &lt;table  width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor='66A8FF'&gt;
             &lt;tr class="table1" style="border-collapse:collapse"&gt;
             &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text1&lt;/font&gt;&lt;/td&gt;   
             &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text2&lt;/font&gt;&lt;/td&gt;
              &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text3&lt;/font&gt;&lt;/td&gt;  
               &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text4&lt;/font&gt;&lt;/td&gt;   
              &lt;/tr&gt;
              &lt;tr class="table1" style="border-collapse:collapse"&gt;
             &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text1&lt;/font&gt;&lt;/td&gt;   
             &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text2&lt;/font&gt;&lt;/td&gt;
              &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text3&lt;/font&gt;&lt;/td&gt;  
               &lt;td  width="25%"  height="48px" align="center" style="font-size:28px"&gt;&lt;font color="#fff"&gt;Text4&lt;/font&gt;&lt;/td&gt;   
              &lt;/tr&gt;
              &lt;/table&gt;
                 &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is my <a href="http://jsfiddle.net/URQM2/" rel="nofollow">JSFiddle</a></p>
  
  <p>How can i achieve my out</p>
  
  <p>Thanks in advance</p>