<head>
<style>
span{ // 设定span的属性
display: inline-block; // 将span转换为行内块元素
width: 80px;
height: 30px;
text-align: left;
line-height: 30px;
background: #000;
color: aliceblue;
margin: 5px;
padding-left: 5px;
}
</style>
</herd>
<body>
<script>
for(var n = 1;n <= 9 ;n++){ // 设定一个变量n 的取值范围
for(var i = 1; i <= n; i++){ //设定变量 i 随着 n 的增大而增大
document.write(" <span>"+i+" x "+n+" = "+n*i+" </span>")
//在页面中打印span标签,数值外面要嵌套 "++"
}
document.write("<br>") //每执行完内循环后进行换行
}
</script>
</body>