如何使用 PHP 動態產生 CSS 樣式？

在CSS 中運行PHP 程式碼：綜合指南

簡介

在CSS 中嵌入PHP 程式碼允許開發人員根據資料或動態產生CSS 樣式用戶互動。這可以增強網頁的靈活性和互動性。然而，要實現這種整合需要仔細考慮語法和伺服器配置。

問題場景

考慮以下場景：您有一個引用儲存在資料庫中的背景圖像的樣式表。您想要使用 PHP 輸出動態設定背景圖片。

<p>i have a stylesheet link like so</p>

<pre class="brush:php;toolbar:false"><link href="css/<?%20echo%20%24theme;?>/styles.css" rel="stylesheet" type="text/css">

Inside the CSS I want to be able to echo a background image outputted by the db

body{ background-image:url(../../images/<?php echo $theme.'/'.$background;?>);}

解決方案

要在CSS 中執行PHP 程式碼，請依照下列步驟操作：

1. 將檔案副檔名變更為. php：將CSS樣式表的檔案副檔名從“.css”變更為“.php”以指示伺服器將其作為PHP文件處理。

<link href="css/<?%20echo%20%24theme;?>/styles.php" rel="stylesheet" type="text/css">

2. 包含PHP 標頭： 在PHP 樣式表的開頭新增以下行以確保內容正確設定類型標頭：

 header ("Content-type: text/css");?>

3. 啟用Short標籤（選購）：如果需要，您可以使用 php.ini 指令啟用 PHP 短標籤，從而簡化「 echo $var;?>」中的程式碼變更為「=$var;?>」。

實作

進行這些變更後，您現在可以在 CSS 樣式表中存取 PHP 變數和函數。例如，要動態設定背景影像，您可以使用：

body{ background-image:url(../../images/<?php echo $theme.'/'.$background;?>);}

以上是如何使用 PHP 動態產生 CSS 樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！