1. 程式人生 > >for循環實現乘法口訣表

for循環實現乘法口訣表

tab lap ima style adding img 屬性 循環 scrip

<style>
    table{
      border-collapse:collapse;
      }

    table,th, td{
      border: 1px solid black;
      }
</style>
<body>
    <script>
        document.write("<table cellpadding=‘10‘ cellspacing=‘0‘>");
        for(var j=1;j<=9;j++){
            document.write("<tr>")
            for(var i=1;i<=j;i++){
                document.write("<td>"+j+"×"+i+"="+i*j+"</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
</body>
  • 折疊邊框:border-collapse 屬性設置是否將表格邊框折疊為單一邊框
    技術分享圖片

for循環實現乘法口訣表