gpt4 book ai didi

php - 偶数或奇数时更改表格的颜色

转载 作者:太空宇宙 更新时间:2023-11-04 07:49:59 25 4
gpt4 key购买 nike

我有这行代码(php):

<!DOCTYPE html>
<html>
<head>
<title> okay</title>
</head>
<body>
<?php
echo "<table border=2>";
for ($i = 1; $i <= 10; $i++ ) {
echo "<tr>";
echo "<td >".$i."</td>";
for ( $j = 2; $j <= 10; $j++ ) {
echo "<td>".$i * $j."</td>";
}
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>

我希望偶数的背景颜色变为绿色(白色字体),奇数变为红色(黑色字体)。我该怎么做?

最佳答案

使用php的%运算符判断奇偶行

<!DOCTYPE html>
<html>
<head>
<title> okay</title>
</head>
<body>
<?php
echo "<table border=2 >";
for ($i = 1; $i <= 10; $i++ ) {
$style="background:red;color:black";
if($i%2==0)
$style="background:green;color:white";
echo "<tr style=$style>";
echo "<td >".$i."</td>";
for ( $j = 2; $j <= 10; $j++ ) {
echo "<td>".$i * $j."</td>";
}
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>

或者简单地通过 css:

tr:nth-of-type(odd)
{
background:red;color:black;
}
tr:nth-of-type(even)
{
background:green;color:white;
}

编辑

如果你想在值是奇数/偶数时改变颜色。试试下面的代码:

<!DOCTYPE html>
<html>
<head>
<title> okay</title>
</head>
<body>
<?php
echo "<table border=2 >";
for ($i = 1; $i <= 10; $i++ ) {
echo "<tr >";
$style="background:red;color:black";
if($i%2==0)
$style="background:green;color:white";
echo "<td style=$style>".$i."</td>";
for ( $j = 2; $j <= 10; $j++ ) {
$val = ($i * $j);
$style="background:red;color:black";
if($val%2==0)
$style="background:green;color:white";
echo "<td style=$style>".$val."</td>";
}
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>

关于php - 偶数或奇数时更改表格的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47855308/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com