怎么设置css th字体大小

html-css020

怎么设置css th字体大小,第1张

如果设置某一个th样式的话:

给th样式

<table class="tab">

<tr>

<th class="more">更多</th>

</tr>

<tr>

<th>更多</th>

</tr>

</table>

.more { font-size:18px}

如果设置table里全部th字体样式的话:

<table class="tab">

<tr>

<th>更多</th>

<th>更多</th>

</tr>

</table>

.tab tr th {font-size:18px}

你编写表格的时候可以这样:

把第一列变成th

,这样就可以方便的控制了。

例如:三行三列的表格可以这样写:

<table>

<tbody>

<tr>

<th></th>

<td></td><td></td>

</tr>

<tr>

<th></th>

<td></td><td></td>

</tr>

<tr>

<th></th>

<td></td><td></td>

</tr>

</tbody>

</table>

或者你可以分别设置不同的类来达到控制的目的。

CSS可以这样写

th{

width:100px

}

td{

width:200px

}