php - 让 PHP 更改随机生成的 CSS 背景颜色

Question

我意识到这种类型的问题已经有几个线程，但似乎没有一个与我的匹配。我有正确显示 CSS 背景的一系列 6 个数字的代码。然后将这 6 个数字存储到一个数组中，并将该数组的内容与前面的“#”符号连接起来。然后将其存储为另一个变量。这里：

$v = 0;
$array = array();
$tot;
$other0 = null;
$other1 = null;
$other2 = null;
$other3 = null;
$other4 = null;
$other5 = null;
$color;

for ($i=0;$i<6;$i++){ //loops 6 times to create 5 numbers
    $tot = rand(0, 15);

    if (($tot>9) && ($tot<16)){ //assigns 10 to "a" in hex
        if ($tot == 10){
            $tot = $other0;
            $other0 = "a";
            //echo $other0;
            $array[$v++] = $other0;
        }
        elseif ($tot == 11){ //assigns 11 to "b" in hex
            $tot = $other1;
            $other1 = "b";
            //echo $other1;
            $array[$v++] = $other1;
        }
        elseif ($tot == 12){ //assigns 12 to "b" in hex
            $tot = $other2;
            $other2 = "c";
            //echo $other2;
            $array[$v++] = $other2;
        }
        elseif ($tot == 13){ //assigns 13 to "b" in hex
            $tot = $other3;
            $other3 = "d";
            //echo $other3;
            $array[$v++] = $other3;
        }
        elseif ($tot == 14){ //assigns 14 to "b" in hex
            $tot = $other4;
            $other4 = "e";
            //echo $other4;
            $array[$v++] = $other4;
        }
        elseif ($tot == 15) { //assigns 15 to "b" in hex
            $tot = $other5;
            $other5 = "f";
            //echo $other5;
            $array[$v++] = $other5;
        }

    }
    else {
        //echo $tot;
        $array[$v++] = $tot; //if not, then just assign to array
    }
}
$var = "";
$color = "";
for ($t=0; $t<6;$t++){
    $var .= (string) $array[$t]; //displays the 6 numbers as one string
}
//var_dump($var); //for more visual reference, uncomment the var_dump
$color = "#" . $var;
echo $color;

以上是在PHP中。

如何使用 CSS 显示该变量？是否像（在同一个 PHP 文件中）：echo "<style>color:$color</style>";

还是我必须制作一个 style.php 才能被引用？如果我这样做，我该怎么做？

非常感谢！

score 1 · Accepted Answer

它应该是

<style>
body {
   background-color: "<?php echo $color; ?>";
}
</style>

这需要在您的<head>元素内。

score 1 · Accepted Answer

<body style="background-color:<?php echo $color; ?>;">


content


</body>

style 属性允许您为元素定义自定义 css，css 属性 background-color 基本上定义了该元素的背景颜色......不言自明，我知道！

score 1 · Accepted Answer

好吧，它看起来"<style>color:$color</style>";会输出损坏的 html/css。

尝试修改

echo '<style type="text/css"> body { background: '.$color.' } </style>';

score 1 · Accepted Answer

你为什么不看看这些链接。

使用php更改页面的背景颜色

所以不要这样做：

if blablabla {
    echo '<body style="background-color:white">'; 
}
else {  
    echo '<body style="background-color:orange">'; 
}

做这个：

echo '<body style="background-color:(variable)">';

score 0 · Accepted Answer

<?php
    $alpha = ["a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"];
    $color = "#";
    for ($i=0; $i<6; $i++) {
        $index = rand(0,count($alpha)-1);
        $color .= $alpha[$index];
    }
?>
<html>
    <body style="background:<?php echo $color ?>">
        <?php echo $color ?>
    </body>
</html>

看起来你让事情变得比它可能的复杂一点。这是一个带有 html 集成的示例，正如您首先要求的那样。:)

您在一个数组中声明您需要的所有元素，然后循环 6 次以：生成一个随机索引，从数组中获取相应的元素并将其连接到您的颜色变量。

最后，您可以在 html 文件中任何您需要的地方回显它，如前所述。

php - 让 PHP 更改随机生成的 CSS 背景颜色

5 回答 5

Related

Reference