关键代码
for (let i = 1; i <= 9; i++) {
for (let j = 1; j <= i; j++) {
document.write(`<span>${j} x ${i} = ${i * j}</span>`);
}
document.write("<br>");
}
css样式
<style>
span {
display: inline-block;
padding: 5px 10px;
border: 1px solid pink;
margin: 2px;
border-radius: 5px;
box-shadow: 2px 2px 2px rgb(255, 192, 203, 0.4);
background-color: rgb(255, 192, 203, 0.1);
width: 100px;
text-align: center;
}
</style>
运行结果