先设置每个格子的样式:
div{ width:100px; height:50px; background-color: red; color:#fff; text-align: center; font-size:16px; line-height: 50px; position: absolute; }
使用JavaScript生成表格:
//此循环生成行
for(var i=1;i<10;i++){
//此循环生成列 for(var j=1;j<i+1;j++){ document.body.innerHTML += '<div style="left:'+(j-1)*104+'px;top:'+i*54+'px;">'+j+'*'+i+'='+i*j+'</div>';
};
};