title: How would I replicate this GridView style using CSS?
body: <p>Bit of a basic question, but I'm a bit rusty with CSS, but I've been requested to use CSS rather than the 'gridview style' tags (as I'll show below).</p>
  
  <p>Basically, I use the following style on my GridView:</p>
  
  <pre><code> &lt;RowStyle BackColor="#ededed" ForeColor="#333" HorizontalAlign="Center" /&gt;
   &lt;FooterStyle BackColor="#465F7F" Font-Bold="True" ForeColor="White" /&gt;
   &lt;PagerStyle BackColor="#465F7F" ForeColor="White" HorizontalAlign="Center" /&gt;
   &lt;SelectedRowStyle BackColor="#465F7F" Font-Bold="false" ForeColor="#ffffff" /&gt;
   &lt;HeaderStyle BackColor="#465F7F" Font-Bold="false" ForeColor="White" HorizontalAlign="Center" /&gt;
   &lt;EditRowStyle BackColor="#B7B7B7" /&gt;
   &lt;AlternatingRowStyle BackColor="#e2e6e8" ForeColor="#333333" /&gt;
  </code></pre>
  
  <p>Could I convert this to CSS? So I can just set my GridView CssClass and it'd apply all these styles. Right now that code is replicated on every grid, so changing it is a chore!</p>