css td 两列不一样宽

在网页布局中，表格是一种常用的元素，而CSS的作用就是能够调整表格的显示效果。在表格中，td是每个单元格的标签，可以通过CSS来对td进行样式的调整。有时候，我们希望表格中的两列宽度不一样，这时候可以使用CSS的width属性来设置宽度。

/* 设置第一列宽度为50% */
td:first-child {
  width: 50%;
}

/* 设置第二列宽度为50%，并添加一些样式 */
td:nth-child(2) {
  width: 50%;
  font-weight: bold;
  text-align: right;
}

上面的代码中，我们首先通过:first-child选择器选中第一个单元格，然后设置宽度为50%。接着，通过:nth-child(2)选择器选中第二个单元格，同样设置宽度为50%。并且添加了一些文字样式，让第二列文字变加粗并右对齐。

需要注意的是，如果表格中有多行数据，这些样式会在每一行都生效，因此可能需要针对每一行进行单独的设置。

使用CSS来设置表格单元格宽度，可以让网页的布局更加灵活和美观。不过，在使用表格布局时，需要注意表格不应该被过度使用，否则会对网页的性能和可访问性产生负面影响，适度使用就好。