title: To the table all pretty with grid lines
body: <p>I have a view in asp.net MVC 3 project. So far so good but all the context are packed together.
  I just want this table has solid boundrys.</p>
  
  <p>Is there a simple CSS(inline)? </p>
  
  <pre><code> &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td&gt;ID&lt;/td&gt;
              &lt;td&gt;PIN&lt;/td&gt;
              &lt;td&gt;First Name&lt;/td&gt;
              &lt;td&gt;Middle Name&lt;/td&gt;
              &lt;td&gt;Last Name&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      @foreach (var r in ViewBag.collections)
      { 
          &lt;tr&gt;
              &lt;td&gt;@r.IDNumber&lt;/td&gt;
              &lt;td&gt;@r.PIN&lt;/td&gt;
              &lt;td&gt;@r.FirstName&lt;/td&gt;
              &lt;td&gt;@r.MiddleName&lt;/td&gt;
              &lt;td&gt;@r.LastName&lt;/td&gt;
          &lt;/tr&gt;
      }
  &lt;/table&gt;
  </code></pre>