九九乘法表(示例代码)

九九乘法表相信我们很多人都见过,那这个图样是在怎么出来的呢?下面博主给大家写了一些代码,想尝试出现这个图案的宝宝们可以按照博主的这个代码打一下哈!

<!DOCTYPE

<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
width: 80%;
}
    td{
    height: 24px;
    border:1px solid red;
        border-collapse: collapse;
        margin: 0 auto;}
</style>
<script type="text/javascript">
document.write('<table>');
for(var a=1;a<=9;a++){
document.write('<tr>');
for(var b=1;b<=a;b++){
document.write('<td>');
document.write(b+'*'+a+'='+a*b);
document.write('</td>');
}
document.write('</tr>');
}
document.write('</table>');
</script>
</head>
<body>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/xy_9_gj/article/details/79953384
今日推荐