Table border / How can add border for Table, TR & TD

<style type="text/css">
table, th, td { width:500px; border:1px solid #ccc; border-collapse:collapse;}


</style>

<div class="boxernew">
<table width="100%" border="0" align="center" cellpadding="4" cellspacing="0">
  <tr class="theader">
    <th align="center" valign="middle">Name</th>
    <th align="center" valign="middle">Username</th>
    <th align="center" valign="middle">Mobile</th>
    <th align="center" valign="middle">Email</th>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
</table>

</div>