前提・実現したいこと
初歩的で申し訳ないのですが、CSSでbackground-image: url(相対パス)が表示されません。
imagesというフォルダの中のtino.jpgという画像を表示させたいです。
エディタはVSコードです。ブラウザはchromeとEdgeで試しました。
絶対パスは表示されるので相対パスの書き方が間違っているのだとは思うのですが、自力では解決できなかったので、
ご助言いただけると嬉しいです。
発生している問題・エラーメッセージ
404 (Not Found)
該当のソースコード
HTML
1<header> 2 <div class="top-img"> </div> 3</header>
該当のソースコード
CSS
1.top-img { 2 background-image: url('images/tino.jpg'); 3 height: 1000px; 4}
試したこと
シングルクォーテーション、ダブルクォーテーションの有る無し
画像のファイル名の見直し(日本語やスペースが含まれていないか)
階層の確認(階層の認識がそもそも間違っているかもしれません…)
回答2件
あなたの回答
tips
プレビュー