九九乘法表
css样式:
<style>
span{
display: inline-block;
width: 100px;
padding: 5px 10px;
border: 1px solid rgb(178, 58, 174);
margin: 2px;
border-radius: 5px;
box-shadow: 2px 2px 2px rgb(29, 192, 229);
background-color: rgb(144, 190, 68);
text-align: center;
color: rgb(10, 46, 225);
}
</style>
javascript:
<script>
//外层打印几行
for(var i=1;i<=9;i++){
//里层打印几行
for(var j=1;j<=i;j++){
document.write(`<span> ${j} x ${i} = ${i * j} </span>`)
}
document.write('<br>')
}
</script>
演示: