css九九乘法表添加边框

CSS九九乘法表添加边框

/* 定义表格格子样式 */td {
      width: 30px;
      height: 30px;
      text-align: center;
}
/* 定义表格边框样式 */table {
      border-collapse: collapse;
      border: 1px solid black;
}
/* 定义表格第一行和第一列颜色 */tr:first-child td,td:first-child {
      background-color: #ccc;
}
/* 定义每个格子的边框 */td {
      border: 1px solid black;
}
    

HTML代码：

table>
      tr>
        td>
    1/td>
        td>
    2/td>
        td>
    3/td>
        td>
    4/td>
        td>
    5/td>
        td>
    6/td>
        td>
    7/td>
        td>
    8/td>
        td>
    9/td>
      /tr>
      ?php  for ($i=1;
     $i=9;
 $i++) {
        echo "tr>
    ";
        echo "td>
    ".$i."/td>
    ";
        for ($j=1;
     $j=9;
 $j++) {
          echo "td>
    ".$i*$j."/td>
    ";
    }
        echo "/tr>
    ";
  }
      ?>
    /table>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！