html中怎么在CSS中设置TABLE的每一个TD的不同宽度_随笔

html页面中，定义table表格中每个TD的宽度，可以使用内联样式定义。

设置方法如下：

1、用table{ }标签定义了表格宽度；

2、用td{ }标签定义了单元格宽度。

此时整个表格的每个单元格宽度都会设置成功。

如下案例：

<!DOCTYPE html>

<html>

<head>

<title>表格边框宽度</title>

<style>

table{

text-align:center

width:500px

border-width:6px

border-style:double

color:blue

}

td{

width:158px

border-width:3px

border-style:dashed

}

</style>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

如果不要支持低版本IE的话可以用 :nth-child 选择器，给指定位子的 td 加上 width

如果要兼容，那就一个个写上 <td width="50%">吧

欢迎分享，转载请注明来源：内存溢出

html中怎么在CSS中设置TABLE的每一个TD的不同宽度