css table邊框樣式

CSS表格的边框样式是指表格内部与外部的边框线条的显示效果，这些线条可以设置颜色、宽度、样式等属性。

  /* 设置表格边框样式 */
  table {
    border-collapse: collapse; /* 合并边框线 */
    border-spacing: 0; /* 预留间距 */
    border: 1px solid gray; /* 设置所有边框 */
  }
  
  /* 设置表格单元格边框样式 */
  td,th {
    border: 1px solid gray; /* 设置所有单元格边框 */
  }
  
  /* 设置不同方向的边框 */
  .table1 {
    border-top: 2px dashed red; /* 上边框为实线，红色，2像素宽 */
    border-bottom: 2px solid blue; /* 底边框为虚线，蓝色，2像素宽 */
    border-left: 2px dotted green; /* 左边框为点线，绿色，2像素宽 */
    border-right: 2px double yellow; /* 右边框为双线，黄色，2像素宽 */
  }
  
  /* 设置圆角边框 */
  .table2 {
    border: 2px solid gray;
    border-radius: 10px;
  }
  
  /* 设置不同颜色的边框 */
  .table3 {
    border: 1px solid gray;
  }
  .table3 td:first-child {
    border-color: red; /* 左侧单元格为红色 */
  }
  .table3 td:last-child {
    border-color: blue; /* 右侧单元格为蓝色 */
  }

以上代码演示了如何设置表格边框样式，以及如何设置不同方向、颜色和形状的边框线条。为了减少重复代码，可以使用CSS伪类选择器来设置特定单元格或行的边框样式。