テーブルをＣＳＳの外部ファイルで表示するには

質問

テーブルをＣＳＳの外部ファイルを利用して表示させたいのですが
外部ファイルへの記入が間違っているのかうまくいきません。

作りたいテーブルは
htmlで書くと
<table border="1" cellspacing="0" bordercolor="#ffffff">
<tr><th colspan="4" bgcolor="#000000">
見出し
</th>
</tr>
<td width="125px">
　内容１
</td>
<td width="125px">
内容２
　</td>
<td width="125px">
内容３
　</td>
<td width="125px">
内容４
　</td>
</tr>
</table>

といった感じです。
内容１～４も中心に寄せたいです。

テーブル全体は指定できても、th,tdの指定の仕方がよくわかりません。
外部ファイルにはどう書けばいいでしょうか。
初歩的かもしれませんがよろしくお願いいたします。

回答No.2

yambejp · ベストアンサー

全テーブルにやるわけではないと思いますので、
idやclassをつけてやってください。

>中心に寄せたい
はtext-alignですね

それとtrが抜けている箇所などもありましたので注意したほうが
よいでしょう。

<style>
#table0{
border-collapse:collapse;
}
#table0 th,#table0 td{
border:1px solid #000000;
}
#table0 th{
background-Color:#000000;
color:#ffffff;
}
#table0 td{
width:125px;
text-align:center;
}
</style>

<table id="table0">
<tr>
<th colspan="4">見出し</th>
</tr>
<tr>
<td>内容１</td>
<td>内容２</td>
<td>内容３</td>
<td>内容４</td>
</tr>
</table>

お礼

ありがとうございます！解決しました！

回答No.1

MAN_MA_RUI

CSS
table,tr,td,th {
border-collapse:collapse;
border:#FFFFFF 1px solid;
}
th {
background:#000000;
}
td {
width:125px
}

HTML
<table border>
<tr><th colspan="4">
見出し
</th>
</tr>
<td>
　内容１
</td>
<td>
内容２
　</td>
<td>
内容３
　</td>
<td>
内容４
　</td>
</tr>
</table>