php隔行变色99乘法表表格
时间: 2023-09-12 19:11:22 浏览: 47
以下是使用 PHP 实现的隔行变色的99乘法表表格:
```php
<table>
<?php
for ($i=1; $i<=9; $i++) {
echo "<tr>";
for ($j=1; $j<=$i; $j++) {
$result = $i * $j;
if ($i % 2 == 0) {
echo "<td style='background-color: #f2f2f2'>$i x $j = $result</td>";
} else {
echo "<td>$i x $j = $result</td>";
}
}
echo "</tr>";
}
?>
</table>
```
这段代码使用了两个 for 循环来生成表格,第一个循环控制行数,第二个循环控制每行的列数。在输出单元格时,使用了条件语句来判断奇偶行,从而实现了隔行变色的效果。
相关问题
用jsp实现乘法口诀表隔行变色
可以使用如下代码实现:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<title>乘法口诀表</title>
<style>
.even {
background-color: gray;
}
</style>
</head>
<body>
<table>
<% for (int i = 1; i <= 9; i++) { %>
<tr <% if (i % 2 == 0) { %>class="even"<% } %>>
<% for (int j = 1; j <= i; j++) { %>
<td><%= j %>*<%= i %> = <%= i*j %></td>
<% } %>
</tr>
<% } %>
</table>
</body>
</html>
在上述代码中,使用了 <style> 标签定义了一个名为 even 的样式类,用于设置隔行变色。
然后在使用 for 循环生成乘法口诀表时,使用了 if 判断语句来判断当前行是奇数行还是偶数行,如果是偶数行,则设置 tr 标签的 class 属性为 even,从而应用上述定义的样式。
js输出99乘法表在表格里面
好的,以下是代码实现:
```js
// 创建一个表格
let table = document.createElement('table');
// 循环创建表格行与列,并输出99乘法表
for(let i = 1; i <= 9; i++) {
let row = table.insertRow();
for(let j = 1; j <= i; j++) {
let cell = row.insertCell();
cell.innerHTML = `${j} * ${i} = ${i * j}`;
}
}
// 将表格添加到页面中
document.body.appendChild(table);
```
这段代码可以输出99乘法表,并将其放在一个表格中展示。