样式:
<style>
span {
display: inline-block;
width: 100px;
padding: 5px 10px;
/* 边框 */
border: 1px solid rgb(0, 217, 255);
margin: 2px;
/* 圆角 */
border-radius: 5px;
/* 阴影 */
box-shadow: 2px 2px 2px rgb(1, 136, 160, .4);
text-align: center;
}
</style>
js:
<script>
//外层循环打印行数
for (let i = 1; i <= 9; i++) {
//里层循环打印列数
for (let j = 1; j <= i; j++) {
document.write(`<span> ${i}X ${j} = ${i * j}</span>`)
}
//换行
document.write('<br>')
}
</script>