<!DOCTYPE hml>
<html>
<head>
<meta charset="utf-8">
<title>八种九九乘法表完整班</title>
</head>
<style type="text/css">
div{
border:1px solid red;
margin:5px;
padding:3px;
display:inline-block;
background-color:orchid;
}
</style>
<body>
//左下两种写法
<script type="text/javascript">
document.write("<table>")
for(var i = 1;i<10;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>"+j+"x"+"="+i*j+"</td>");
}document.write("</tr>");
}document.write("</table>")
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write("<div>"+j+"x"+i+"="+j*i+"</div>");
}document.write("<br>");
}
document.write("<table>");
for(var i=9;i>0;i--){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>"+j+"x"+i+"="+i*j+"</td>");
}document.write("</tr>");
}document.write("</table>");
for(var i=9;i>0;i--){
for(var j=1;j<=i;j++){
document.write("<div>"+j+"x"+i+"="+j*i+"</div>");
}document.write("<br>");
}
</script>
</body>