ホームページ >ウェブフロントエンド >CSSチュートリアル >PHP を使用して CSS を動的に生成するにはどうすればよいですか?
CSS スタイルシート内で PHP コードを実行する方法
Web 開発の領域では、PHP コードを使用して CSS スタイルを動的に生成することができます。 。ただし、CSS ファイル内に PHP 構文を直接埋め込むと、望ましくない結果が生じることがよくあります。このガイドでは、この問題の解決策を提供します。
問題:
PHP を使用して背景画像を動的に設定しようとする次の CSS コードを考えてみましょう:
body { background-image: url(../../images/<?php echo $theme.'/'.$background; ?>); }
ページの先頭にコードを生の HTML として出力します。これを回避するには、別のアプローチが必要です。
解決策:
ファイル拡張子を .php に変更するだけで、サーバーはファイル内の PHP コードを実行します。その後、HTTP ヘッダーが .php ファイル内に設定されている間、通常どおり CSS スタイルシートにリンクできます。
コード:
変更された CSS リンク:
CSSコード:
body { background-image: url(../../images/<?php echo $theme.'/'.$background; ?>); }追加のヒント:
読みやすさを向上させるために、短い構文の使用を検討してください:
body { background-image: url(../../images/<?= $theme.'/'.$background; ?>); }以上がPHP を使用して CSS を動的に生成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。