根据字体大小改变背景颜色答案

【问题标题】：Change color of background according to the size of the font根据字体大小改变背景颜色
【发布时间】：2013-03-23 20:27:47
【问题描述】：

在 PHP 文件中，我有变量 $number，其中包含有关字体大小的信息，并且效果很好：

echo "<div style='font-size:".$number."'px>  .... "

现在我想知道，这是否可以根据字体大小更改 div 的背景？默认值是白色，所以它可以是<div style='background-color:#FFFFFF;font-size:10pxfor 字体大小 10px。当背景字体大小较大时，我希望颜色会略有变化，例如从白色到红色，再到深红色。我该怎么做？

我知道可以通过这种方式完成，但我相信它应该比这更简单：

if ($number==10) $color="FFFFFF";
elseif ($number==11) $color="FCEFF3";
....
elseif ($number==50) $color="FF004E";
echo "<div style='background-color:#".$color.";font-size:".$number."'px>  .... "

但在上面的示例中，问题是关于脚本的长尺寸，因为字体大小可以从 10 到 50 甚至 80，所以我想也许我可以添加十六进制颜色值来增加它们，不知何故？

【问题讨论】：

使用数组将字体大小映射到颜色会更好一些。但它并没有消除内联样式设置的丑陋。您应该使用正确命名的类，并通过 CSS 将字体大小和背景应用于这些类。

标签： php colors hex

【解决方案1】：

您可以只创建所需颜色的关联数组，并将键设置为字体大小。然后，您可以简单地引用 $number 设置为的颜色：

$number = 11; // Or whatever the font-size is set to
$backgrounds = array(
    10 => "#FFFFFF",
    11 => "#FCEFF3",
    50 => "#FF004E"
);

echo "<div style='background-color: ".$backgrounds[$number]."; font-size: {$number}px;'></div>";

【讨论】：

谢谢。这是一个简单而有效的想法。