样式:
<style>
span{
width: 100px;
text-align: center;
display: inline-block;
padding: 5px 10px;
border: 1px solid lightblue;
margin: 2px;
border-radius: 5px;
box-shadow: 2px 2px 2px rgba(249, 164, 145,0.5);
background-color: rgba(249, 164, 145,.2);
color: pink;
}
</style>
script:
<script>
for (let i = 0; i <= 9; i++) {
for (let j = 1; j <= i; j++) {
document.write(`<span>${j} X ${i} = ${j*i}</span>`)
}
document.write("<br>")
}
</script>
上图:

这段代码展示了一个用HTML样式和JavaScript动态生成的9x9乘法表。每个乘法方程式被设计为带有特定样式的span元素,包括内联块布局、边框、圆角和阴影效果。通过两个嵌套循环,JavaScript计算并输出了乘法表的内容。
910

被折叠的 条评论
为什么被折叠?



