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>