js—九九乘法表

JS部分

    <script>
        // 行
        for(var i=1;i<=9;i++){
            // 列
            for(var j=1;j<=i;j++){
                // 写入内容 行数*列数
                document.write('<div>'+ j + '&nbsp;' + 'X' + '&nbsp;' + + i + '=' + i * j  + '</div>');

            }
            document.write("<br>")  
        }
    </script>

css部分

        div{
            display: inline-block;  /* 转成内联块  不然独占一行 */
            border: 1px solid red;
            border-collapse: collapse; /*边框合并*/
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            margin: 0 -1px -1px 0; /*解决边框重叠问题*/
            font-size: 13px;

        }

实现效果-九九乘法表