title: how to apply shadow effects for right border in alternative td's in a table
body: <p>how to set a right shadow border for alternative tds in a table .
      I am trying with the below code. In this shadow effects works.but the shadow effects will cut in each tds join.Anyone can help me?
      My table is</p>
  
  <pre><code>&lt;table class="myTable" style="padding: 2em;width: 100%;"&gt;
   &lt;tr&gt;&lt;th&gt;subject&lt;/th&gt;
       &lt;th&gt;name&lt;/th&gt;   
       &lt;th&gt;mark1&lt;/th&gt;
       &lt;th&gt;mark2&lt;/th&gt;
       &lt;th&gt;total&lt;/th&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
       &lt;td&gt;english&lt;/td&gt;
       &lt;td&gt;abc&lt;/td&gt;
       &lt;td&gt;10&lt;/td&gt;
       &lt;td&gt;23&lt;/td&gt;
       &lt;td&gt;33&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
       &lt;td&gt;latin&lt;/td&gt;
       &lt;td&gt;abc&lt;/td&gt;
       &lt;td&gt;10&lt;/td&gt;
       &lt;td&gt;23&lt;/td&gt;
       &lt;td&gt;33&lt;/td&gt;
   &lt;/tr&gt;
   ........
  &lt;/table&gt;
  </code></pre>
  
  <p>Iam using this code for shadow effect</p>
  
  <pre><code>table.myTable td:nth-child(even)
  {
         box-shadow: 16px 3px 10px -7px #888, -10px 0px 20px -7px #888;
  }
  </code></pre>