// 假设这是从数据库获取的颜色值
$primaryColor = '#3498db';
$secondaryColor = '#e74c3c';
?>
<!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文件的情形下,根据用户的不同或其他高下文来改变样式。