IntelliJ IDEA 無償版2022.3.3のSpringBootプロジェクトでひな型を作成。 画像が表示させたい

実現したいこと

イメージ説明
/* hero section */

.hero {background-image : url("...");}部分の画像を表示させたいです。
上手く表示できた場合はindex.html上で表示されていることになっております。

前提

ここに質問の内容を詳しく書いてください。
CSSの記述の仕方やimagesフォルダの作成場所も間違ってないような気がするのですが実行
してみるとEdgeの開発者ツールで調査をするで見てみると
Failed to load resource: the server responded with a status of 404 ()
と表示されていました。調べても解決出来なかったの助力おねがいします。
絶対パスでのコピペしても同じ症状でした。

追記:style.cssを作らずlayout.html上にcssを記載している理由は
main/resources/templates内にcssファイルが作成出来なかったため(出来ない仕様になっている?)Thymleafのフラグメントを使ってリファクタリングさせることで
style.cssみたいな1つのファイルで他のhtmlファイルに反映させようと考えたためです。
VScodeでhtml/cssを作ったことはありますが今回はIntelliJでやってみたく
このエディタを使用しております。

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

コメントを投稿

0 コメント