jinjaテンプレートを用いてスタイルシートを読み込む

以前、Jinjaテンプレートで作成したWebページに、スタイルシート(CSSファイル)を用いてページを装飾したいと思います。


スタイルシートは以下のように「static」フォルダに置きます。

今回は、CSSファイルをstyle.cssとして作成します。


スタイルシートへの参照のため、base.htmlに以下の追記します。


ページを読み込み直すと以下のようになります。もし更新されない場合は「Ctrl+F5」でリロードを行います。

・スタイルシート反映前

・スタイルシート反映後

以上です。

“jinjaテンプレートを用いてスタイルシートを読み込む” への 0 件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です