// 假设这是从数据库获取的颜色值

$primaryColor = '#3498db';

$secondaryColor = '#e74c3c';

php修改html内容PHP 实战动态更改 CSS 值 PHP
(图片来自网络侵删)

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Dynamic CSS Example</title>

<style>

:root {

--primary-color: <?php echo $primaryColor; ?>;

--secondary-color: <?php echo $secondaryColor; ?>;

}

body {

background-color: var(--primary-color);

color: var(--secondary-color);

}

</style>

</head>

<body>

<h1>Welcome to Dynamic CSS Example</h1>

</body>

</html>

这段代码演示了如何在PHP中动态设置CSS变量的值,并在HTML文档中利用这些变量。
它利用CSS自定义属性(也称为CSS变量),然后通过:root选择器在文档的任何地方利用它们。
这样做可以让你在不修正CSS文件的情形下,根据用户的不同或其他高下文来改变样式。