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

html-css012

怎样用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

}

css2里的伪类均摊符，意思是：匹配父元素的第一个子元素

你可以在css手机里可以查到这个伪类选择符

比如：

<ul>

<li>列表项一</li>

<li>列表项二</li>

<li>列表项三</li>

<li>列表项四</li>

</ul>

在上述代码中，如果我们要设置第一个li的样式，那么代码应该写成li:first-child{sRules}，而不是ul:first-child{sRules}。其它相关的伪类都如此。

table

{

table-layout:fixed

}

table

tr

td:first-child,table

tr

td:first-child{

width:120px

}

你只要把首行

第一个td定宽

同列的宽度都会和他一样.

你要注意的是

第一行

第一个用的是

td

还是

th

楼下的

你测试过吗

就敢说可能有问题.