js—九九乘法表

最新推荐文章于 2024-05-20 09:24:37 发布

Sky_Bug

最新推荐文章于 2024-05-20 09:24:37 发布

阅读量672

点赞数 2

分类专栏：小小程序文章标签： javascript css html

本文链接：https://blog.csdn.net/Sky_Bug/article/details/106971560

版权

小小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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;

        }