先看效果图:
话不多说,直接上代码,请慢慢食用:
<style>
table {
border-left: 1px solid black;
border-bottom: 1px solid black;
}
td {
border-top: 1px solid pink;
border-right: 1px solid pink;
}
</style>
<body>
<script>
document.write('<table width = "900px" height="600px" cellspacing="0" cellpadding="0">');
for (var i = 1; i <= 9; i++) {
document.write('<tr>');
for (var j = 1; j <= i; j++) {
document.write('<td align ="center">' + j + '*' + i + '=' + i * j + '</td>');
}
document.write('</tr>');
}
document.write('</table>')
</script>
</body>
喜欢就点个赞再走呗~~~