1、打开一个html代码页面，创建一个用显示九九乘法表的div标签。如图
代码：
<div id="showRide">
</div>
2、使用css设置九九乘法表的显示效果。如图
css代码：
.li{
width: 100px;
border: 1px solid #f1f1f1;
display: inline-block;
}
.sub{
padding: 5px 10px;
}
3、使用js遍历循环实现九九乘法表的内容。如图
js代码：
function recursion(index,n){ // 显示九九乘法表
let div = '<div class="sub">'+ index + '*' + n +'='+ index*n +'</div>'
return div
}
function showRide(){
let obj = ""
for(let i=1; i < 10 ; i++){ // 循环遍历九九乘法表
obj += '<div class="li">'
for(let j=i; j < 10; j++){
obj += recursion(i,j)
}
obj += '</div>'
}
document.getElementById('showRide').innerHTML = obj
}
window.onload = function(){
showRide()
}
4、保存html代码后使用浏览器打开，即可在页面上看到九九乘法表。如图
