九九乘法表

运行效果图

 

 代码

CSS部分

  <style>
    span {
      display: inline-block;
      width: 60px;
      padding: 5px 5px;
      border: 1px solid pink;
      margin: 2px;
      border-radius: 10px;
      box-shadow: 5px 3px 3px rgb(0, 255, 255), .9;
      background-color: rgb(0, 255, 255, .6);
    }
  </style>

JavaScript部分

<script>
    for (let i = 1; i < 10; i++) {
      for (let j = 1; j <= i; j++) {
        document.write(`<span>${j}*${i}=${i * j}</span>  `)
      }
      document.write('<br>')
    }