title: Setting shadow with CSS for the whole HTML table column
body: <p>How do I set shadow for the whole HTML table column consisting of multiple rows?</p>
  
  <p>Setting <code>box-shadow</code> on <code>col</code> doesn't have effect, while setting <code>box-shadow</code> on <code>td</code> adds shadows around each <code>td</code>, so it looks like a border around each cell instead of a single border around the whole column.</p>
  
  <pre><code>&lt;table&gt;
    &lt;colgroup&gt;
      &lt;col&gt;
      &lt;col&gt;
    &lt;/colgroup&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;
          &lt;h2&gt;...&lt;/h2&gt;
        &lt;/th&gt;
        &lt;th&gt;
          &lt;h2&gt;...&lt;/h2&gt;
        &lt;/th&gt;
        &lt;th&gt;
          &lt;h2&gt;...&lt;/h2&gt;
        &lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;td&gt;...&lt;/td&gt;
        &lt;td&gt;...&lt;/td&gt;
        &lt;td&gt;...&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;td&gt;...&lt;/td&gt;
        &lt;td&gt;...&lt;/td&gt;
        &lt;td&gt;...&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>