title: How to style a table to look like gridview
body: <p>I have a table created in <code>HTML</code> inside a <code>&lt;div&gt;</code> tag. Below is the code of the table:</p>
  
  <pre><code>&lt;div id="cont-lef"&gt;
      &lt;table align="center" cellpadding="5px" border="1" id="myGridStyle"&gt;
         &lt;tr&gt;
            &lt;td&gt;&lt;p&gt;Sunday Mornings&lt;/td&gt;          
            &lt;td&gt;&lt;p&gt;Rs 2.5 lakhs + ST&lt;/td&gt;          
         &lt;/tr&gt;
         &lt;tr&gt;
            &lt;td&gt;&lt;p&gt;Saturday &amp;Sunday Afternoons&lt;/td&gt;          
            &lt;td&gt;&lt;p&gt;Rs 2.0 lakhs + ST&lt;/td&gt;          
         &lt;/tr&gt;
         &lt;tr&gt;
            &lt;td&gt;&lt;p&gt;Weekdays  &lt;/td&gt;
            &lt;td&gt;&lt;p&gt;Rs 1.5 lakhs + ST&lt;/td&gt;          
         &lt;/tr&gt;
         &lt;tr&gt;
            &lt;td&gt;&lt;p&gt;Tournament Management&lt;/td&gt;          
            &lt;td&gt;&lt;p&gt;Rs. 25,000 + ST&lt;/td&gt;          
         &lt;/tr&gt;        
         &lt;tr&gt;
            &lt;td&gt;&lt;p&gt;Caddy Fee&lt;/td&gt;          
            &lt;td&gt;&lt;p&gt;Rs. 300 per caddy&lt;/td&gt;          
         &lt;/tr&gt;                     
      &lt;/table&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>Now I want to style this using <code>CSS</code> to look like a <code>GridView</code>. I don't need any <em>pagination</em> or <em>search options</em> of the grid. I just want to change all even rows to have green color and the border like a grid. How can I do this?</p>