如何为文本创建动态颜色？

Question

我有一个包含数字的变量。现在我想要，如果数字是正数，那么它的颜色是绿色，如果那个数字是负数，那么它的颜色是红色。像这样：

<?php
    $var1 = 5;
    $var2 = -2;
?>

<div> <?php echo $var1; ?></div>
<div> <?php echo $var2; ?></div>

需要注意的是，现实中只有一个变量，可以是正的也可以是负的

我也想要这个结果：

<div style='color:green;'>5</div>
<div style='color:red;'>-2</div>

Answer 1

例如，在 PHP 中使用内联三元运算符。（这就像一个 If 语句）

<div style='color: <?php echo ($var1 > 0 ? 'green' : 'red') ?> ;'>5</div>
<div style='color: <?php echo ($var1 > 0 ? 'green' : 'red') ?> ;'>-2</div>

Answer 2

既然你有很多数字，为什么不使用一个简单的函数呢？我还建议使用类而不是内联样式，因为通常首选：

function getNumberHtml($num) {
    $class = ($num < 0) ? 'negative' : 'positive';
    return "<div class='$class'>$num</div>";
}
echo getNumberHtml(56);
echo getNumberHtml(-5);

然后将您想要的任何内容添加到您的 CSS 文件中。相应地编辑您的样式：

.negative {
    color: red;
}
.positive {
    color: blue;
}

如何为文本创建动态颜色？

How to create dynamic color for text?

php

html

css

colors