枠線が表示されません
初歩的な質問ですみません。
以下のようなテーブルを組んでいるのですが
枠線が表示されません。
どこがおかしいのでしょうか?
宜しくお願いします。
==================================HTML==================================
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<table class="table1">
<tr>
<th>左</th>
<th>真ん中</th>
<th>右</th>
</tr>
<tr>
<td class="blue">1</td>
<td class="blue">田中</td>
<td class="blue">55</td>
</tr>
<tr>
<td class="white">2</td>
<td class="white">鈴木</td>
<td class="white">42</td>
</tr>
<tr>
<td class="blue">3</td>
<td class="blue">斉藤</td>
<td class="blue">20</td>
</tr>
</table>
</body>
</html>
==================================CSS==================================
/*テーブル全体*/
.table1 {
border-collapse: collapse; /* 枠線の表示方法 重ねる */
border: 2px #757575 solid; /* テーブル全体の枠線(太さ・色・スタイル)solid:実線 */
margin-top: 10px; /* 表示位置 */
margin-left: 25px; /* 表示位置 */
}
/*テーブルの見出し部分*/
th {
font-size:10pt;
text-align:left; /*左寄せ*/
color:#888888; /*テキスト色*/
background-color:#B8B8B8; /*背景色*/
border-style: solid; /* 枠の種類 */
border-width: 0px 1px; /* 枠の幅 */
border-spacing: 0; /* 隣のセルとの間隔 */
}
/*テーブルのデータ部分*/
td {
font-size:10pt;
text-align:left; /*左寄せ*/\
border-style: solid; /* 枠の種類 */
border-width: 0px 1px; /* 枠の幅 */
}
.blue{ background-color: #CCCCFF; } /* セル色:青 */
.white{ background-color: #FFFFFF; } /* セル色:白 */
/*背景色と文字色*/
body {
background-color: #969696;
color: #000000;
}
お礼
ご回答ありがとうございます。