根据字体大小更改背景颜色

时间:2013-04-02 13:51:09

标签: php colors hex

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

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

现在我想知道,如果可以根据字体的大小更改此div的背景?默认值为白色,因此字体大小为10px时可能为<div style='background-color:#FFFFFF;font-size: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,所以我想也许我可以添加十六进制颜色值来增加它们,不知何故?

1 个答案:

答案 0 :(得分:6)

您可以创建所需颜色的关联数组,并将键设置为字体大小。然后,您可以简单地从$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>";