for循环 九九乘法表

  样式：

<style>

    span {

      display: inline-block;

      width: 100px;

      padding: 5px 10px;

      /* 边框 */

      border: 1px solid rgb(0, 217, 255);

      margin: 2px;

      /* 圆角 */

      border-radius: 5px;

      /* 阴影 */

      box-shadow: 2px 2px 2px rgb(1, 136, 160, .4);

      text-align: center;

    }

  </style>

    js:  

 <script>

//外层循环打印行数

    for (let i = 1; i <= 9; i++) {

      //里层循环打印列数

      for (let j = 1; j <= i; j++) {

        document.write(`<span> ${i}X ${j} = ${i * j}</span>`)

      }

      //换行

      document.write('<br>')

    }

</script>