Q&A
画像の上で右クリック→「新しいタブで画像を開く」とするとどうなりますか？
前提・実現したいこと
独学で本を読みながらWebサイトの作成を行っています。
サイト作成の手順を見ながら作成しているのですが、背景画像が反映されないです。
発生している問題・エラーメッセージ
背景画像が反映されない。
該当のソースコード
HTML CSS
試したこと
高さや幅を設定し、試してみるも反映されませんでした。
画像の名前を変更したり、ファイルの場所を変えても反映されませんでした。
補足情報（FW/ツールのバージョンなど）
HTMLで画像を挿入する方法はしっかりと反映されます。
HTML、CSS、画像はすべて同じファイルに入っています。
CSSが反映されているのは確認済みです。
コード
HTML <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>背景画像</title> <meta name="description" content="背景画像を設定"> <link rel="stylesheet" herf="style.css"> </head> <body> <h1>背景画像の設置</h1> </body> </html> CSS @charset "UTF-8"; body{ background-image: url(water.png); }
ああ、背景画像でしたか……
背景画像の上で右クリック→「検証」→ElementsタブのStylesタブの「water.png」の上で右クリック→「Open in new tab」とするとどうなりますか？
＞同じファイルに入っています。
「フォルダ」もしくは「ディレクトリ」かと思います。
回答1件
0
ベストアンサー
恐らくスタイルシートが適用されてないのが原因です。
herf="style.css" ではなく
href="style.css" に変更してみて下さい。
投稿2020/09/23 02:53
編集2020/09/23 02:56
総合スコア1373
あなたの回答
tips
プレビュー
