怎样用CSS设置table第一列样式

html-css07

怎样用CSS设置table第一列样式,第1张

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

把第一列变成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

}

下面的代码是把表格的第2列设为红色字体:

<style>

    table tr td:nth-child(2) {color:red}

</style>

<table>

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

</table>