HTML/javascript打印九九乘法表

最新推荐文章于 2023-10-30 22:59:38 发布

YPL_ZML

最新推荐文章于 2023-10-30 22:59:38 发布

阅读量4.6k

点赞数 6

本文链接：https://blog.csdn.net/YPL_ZML/article/details/88836855

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
    <style>
        *{padding: 0;
        margin: 0}
        table {
            border: 2px solid black;
            text-align: center;
            width: 800px;
            height: 400px;
            margin-top: -150px;
            border-collapse: collapse;
            }
        td {
            border: 1px solid black;
                   }
    </style>
</head>
<body>

<script type="text/javascript">
    <!--col代表列-->
    /*row代表行*/
document.write('<table>');
    for (var row=1;row<=9;row++){
        document.write('<tr>');
        for (var col=1;col<=row;col++){
            var ji=col*row;
            document.write('<td>'+col+'*'+row+'='+ji+'&nbsp'+'<td>' );
        }
        document.write('</tr>');
        document.write('<br>')
    }
document.write('</table>');
</script>
</body>
</html>

在这里插入图片描述

YPL_ZML

关注

6
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
HTML/javascript打印九九乘法表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表</title> <style> *{padding: 0; margin: 0} table...
复制链接

扫一扫