Table de résolution des coins arrondis en CSS

J'ai cette règle CSS pour les coins arrondis:

th, td { padding: 8px;
         background: #E8ECE0;
         text-align: center;
         border: 1px solid #444;
         border-bottom-width: 0px;
}
thead { background-color: #446bb3  ; color :#fff; padding:4px; line-height:30px }
tbody tr:nth-child(even) {background: #F6F6EC;}
tbody tr:nth-child(odd) {background: #FFF}

tr:first-child td, tr:first-child th {
    border-top-left-radius: 12px; border-top-right-radius: 12px;
}
tr:last-child td {
    border-bottom: 1px solid #444;
    border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;
}
table { border-spacing: 0; border: 0; margin:0px; width:100%; padding:5px}
td.pd {border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
td.pu {border-top-left-radius: 12px; border-top-right-radius: 12px;}

Mon tableau html est:

<table >
    <tbody>
      <tr >
        <td >Hello</td><td >Hello</td>
      </tr>
      <tr >
         <td >Hello</td><td >Hello</td>
      </tr>
      <tr >
         <td >Hello</td><td >Hello</td>
      </tr>
      <tr >
      <td >Hello</td><td >Hello</td>
      </tr>
    </tbody>
  </table>

qui me donne cette

Table de résolution des coins arrondis en CSS

Comment puis-je résoudre ce problème, comme le td éléments dans le tableau et dans le milieu de la table ont des coins arrondis? J'ai seulement besoin de la première ligne et la dernière ligne pour avoir des coins arrondis.

Et quel est ton html? Et la première ligne et la dernière ligne de la table, ou la première et dernière lignes de la thead, tbody..?
je l'ai ajouté, voir mon edit
Pourriez-vous inclure des exemples de contenu pour que le HTML?
pls voir mon edit

OriginalL'auteur Smith | 2013-05-19