Quick CSS Table Question (td)

Hi for some reason i can't get a border inside my table.
In my css code i have

.whatever {
text-align: center;
border: #000000;
margin: 0;
padding: 0; }

td.whatever {
width: 50%;
border: #000000; }

So td.whatever should make the row 50% and add a border inside my table? It's not doing either? My HTML is simply:

<table width="100%" class="whatever">
<tr><td>Row 1</td><td><b>Row 1</b></td></tr>
<tr><td>Row 2</td><td><b>Row 2</b></td></tr>
</table>

 

table.whatever {
text-align: center;
border: 1px solid #000;
margin: 0;
padding: 0;
border-collapse: collapse;
}

td.whatever {
width: 50%;
border: 1px solid #000;
}

<table width="100%" class="whatever" border="1">
<tr><td>Row 1</td><td><b>Row 1</b></td></tr>
<tr><td>Row 2</td><td><b>Row 2</b></td></tr>
</table>

 

for borders in the css code u need to specify a width and style

for e.g.