Как сделать смену цвета фона страницы из PHP-файла
Фон элемента задается с помощью CSS-свойства background. Чтобы задать фон всей страницы, это свойство можно определить для элемента body. В этой статье я покажу вам, как можно сделать автоматическую смену цвета фона страницы случайным образом при ее загрузке.
Один из способов задания цвета — по трем составляющим (красный, зеленый и синий). В css для этого можно использовать функцию rgb(red,green,blue), где red,green,blue — числа от 0 до 255. В свою очередь, эти числа можно сгенерировать случайным образом. Для генерации случайного числа в PHP имеется функция rand(min,max), где min и max — это минимальное и максимальное значение генерируемого целого числа. Соответственно, в нашем случае min=0, а max=255. Получается, что генерировать составляющие цвета можно с помощью следующего кода:
$red=rand(0,255);
$gray=rand(0,255);
$blue=rand(0,255);
Этот PHP-код можно вставить в начале страницы, использовав для этого конструкцию
<?php ?>
Далее, нам надо задать соответствующие свойства CSS. CSS может выглядеть так:
body { background-color:rgb(<?=$red?>,<?=$gray?>,<?=$blue?>);}
Тут используется селектор по тегу body, то есть блок определений применим к этому тегу. В нём мы видим задание свойства background-color, определяющего фоновый цвет. Сам цвет задается с помощью функции rgb. Значения цвета передаются в эту функцию с помощью конструкции <?= ?>. Она позволяет вывести в соответствующее место страницы значение переменной. Эту конструкцию можно разместить внутри тега <style>, либо записать непосредственно в свойство style тега body. Во втором случае туда надо записывать только блок определений, находящийся внутри фигурных скобок.
Итоговая страница может выглядеть так:
<?php
$red=rand(0,255);
$gray=rand(0,255);
$blue=rand(0,255);
?>
<html>
<head>
<style>
body { background-color:rgb(<?=$red?>,<?=$gray?>,<?=$blue?>);}
</style>
</head>
<body>
<p>
ыфвыфв фыв фа фылао фдло дфыла одфыра фоыра олфыр аолфы раорясоис ячисячоис ляси яирс ярисрляис ряис ряисярис рчяис орисярочис роис
ячсяолчср лоярс олр слчорслоячр олячрсолячр солярс
</p>
</body>
</html>
Этот код надо сохранить в файл с расширением .php и расположить на сервере. Для теста можно использовать сервер, установленный на Вашем компьютере, создав там виртуальный домен.
Комментарии
Отправить комментарий