web程序设计（前端）实验四（一）——乘法口诀表

最新推荐文章于 2023-10-24 14:33:42 发布

巧了，我也不会

最新推荐文章于 2023-10-24 14:33:42 发布

阅读量1.1k

点赞数 1

分类专栏： PHP html5 文章标签： php

本文链接：https://blog.csdn.net/weixin_41879980/article/details/104538700

版权

html5 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

PHP

1 篇文章 0 订阅

订阅专栏

实现要求：
利用PHP实现以下输出：
在这里插入图片描述
要求：表格宽度700px，每个单元格是70px，文字居中，表格线是实线，第一行和第一列的字体是粗体，红色。
提示：使用PHP用循环控制表格输出。
参考代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表格</title>
  <style type="text/css">
    table {
      border-collapse: collapse;
      width: 700px;
      text-align: center;
    }

    table, td, th {
      border: 2px solid black;
    }
    td,th{
      width: 70px;
    }
    td:first-child{
      color:red;
      font-weight: bold;
    }
    tr:first-child{
      color:red;
      font-weight: bold;
    }
    th{
      height: 30px;
    }
    td{
      height: 30px;
    }
  </style>
</head>
<body>
<table>
  <?php

  echo "<tr><th>×</th>";
  for($j = 1;$j <=9;$j++){
  echo "<th>{$j}</th>";
  }
  echo"</tr>";

  for($i = 1;$i<=9;$i++)
  {
  echo"<tr>";
  echo "<td>{$i}</td>";#输出第一列
  for($j = 1;$j<=$i;$j++){
  $sum = $j*$i;
  echo "<td>{$j}×{$i}={$sum}</td>";
  }
  for($k = 1;$k<=9-$i;$k++){
  echo "<td></td>";
  }
  echo "</tr>";
  }
  ?>
</table>
</body>
</html>