css td 边框显示

CSS td边框显示可以美化表格，让表格更加整齐和美观。我们可以通过CSS设置td元素的边框，包括宽度、样式和颜色。

td {
  border: 1px solid #000;
}

上面的代码设置了表格中所有td元素的边框宽度为1像素，样式为实线，颜色为黑色。

如果我们只想设置表格的外边框，可以使用table元素来设置。

table {
  border: 1px solid #000;
}

这样设置可以让表格的外边框显示出来，但是单元格之间的边框还是需要单独设置。

除了可以设置实线边框外，还可以设置虚线、点线和双线等不同样式的边框。

td {
  border: 1px dotted #000;
}

上面的代码设置了表格中所有td元素的边框为1像素的点线，颜色为黑色。同样的，我们也可以设置虚线、双线等边框样式。

除了设置边框样式外，我们还可以设置不同颜色的边框。

td {
  border: 1px solid red;
}

这样设置可以让表格边框的颜色变成红色。

当然，我们也可以针对表格中的不同部分，分别设置不同的边框样式和颜色。比如，我们可以设置表头的边框样式和颜色不同于表体的样式和颜色。

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  border: 2px solid #000;
  background-color: #ccc;
}

td {
  border: 1px solid #ddd;
}

上面的代码设置了表头中th元素的边框宽度为2像素，颜色为黑色，背景颜色为灰色；表格中的其他部分td元素的边框宽度为1像素，颜色为灰色。

总之，通过CSS设置表格的边框样式和颜色，可以让表格变得更加美观和整齐。