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

Question

在PHP文件中,我有一个变量$number,其中包含有关字体大小的信息,它很有用:

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

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

Answer 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>";