Question

有没有一个根据条件更改文本颜色的示例？例如，当$hasil>=80变为绿色，$hasil>=70黄色时，我想使其成为条件，而在其下方为红色。

这是我的逻辑代码


while ($data = mysqli_fetch_assoc($result))
{
    $n1 = ($data["nilai_output"]) * 0.7;
    $n2 = ($data["nilai_atasan"]) * 0.1;
    $n3 = ($data["nilai_learning"]) * 0.1;
    $n4 = ($data["nilai_kedisiplinan"]) * 0.05;
    $n5 = ($data["nilai_5r"]) * 0.05;

    $hasil = ($n1 + $n2 + $n3 + $n4 + $n5);

    if ($hasil >= 95)
    {
        $grade = 1.25;
        $ikk = "istemewa";
    }
    elseif ($hasil >= 90)
    {
        $grade = 1.10;
        $ikk = "Sangat Memuaskan";
    }
    elseif ($hasil >= 85)
    {
        $grade = 1.00;
        $ikk = "Memuaskan";
    }
    elseif ($hasil >= 80)
    {
        $grade = 0.90;
        $ikk = "Cukup Memuaskan";
    }
    elseif ($hasil >= 75)
    {
        $grade = 0.75;
        $ikk = "Memadai";
    }
    elseif ($hasil >= 70)
    {
        $grade = 0.50;
        $ikk = "Kurang Memadai";
    }
    elseif ($hasil >= 1)
    {
        $grade = 0.25;
        $ikk = "Tidak Memadai";
    }
    else
    {
        $ikk = "Tidak Berkontribusi";
    }

    $no++;

这是我的表格列

  <td class="font-weight-bold text-danger"><?php echo $hasil;?></td>
  <td class="font-weight-bold text-danger"><?php echo $grade;?></td>
  <td class="font-weight-bold text-danger"><?php echo $ikk;?></td>

我希望那三列使用颜色条件在此之前感谢

Answer 1

尝试这样

<body>
<div>
<div>
<div>
<iframe>
#document
    <html>
        <body>
            <div>
                <span> TABLE OF CONTENTS </span>
            </div>
            <div>
                <table>
                    ...
                </table>
            </div>
        </body>
    </html>
</iframe>
</div>
</div>
</div>
</body>

希望这对您有帮助！

Answer 2

有很多方法可以做您想要的。这是一个。

if ($hasil >= 80) {
    $color = 'green';
}
elseif ($hasil >= 70) {
    $color = 'yellow';
}
else {
    $color = 'red';
}

然后在您的html中

<td class="font-weight-bold text-danger <?php echo $color ?>"><?php echo $hasil ?></td>

最后是CSS

.green {
    color: green;
}

.yellow {
    color: yellow;
}

.red {
    color: red;
}

根据条件更改文本颜色

2 个答案: