Q&A
前提・実現したいこと
HTML初心者です。atomで本を見ながらやってみたのですが、画像が上手く表示されません。
画像を表示したいのですが、どのようにすればいいでしょうか
ファイルの置き方はこのようになってます↓
imageの中に挿入したい画像が保存されてます。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
◆HTML
<html> <head> <meta charset="utf-8"> <title>テスト</title> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <header> </header> <div class="top-wrapper"> <div class="container"> <h1>テステス</h1> <h1>テス・テスト</h1> <p>あいうえお</p> <p>テストだよ</p> </div> </div> <div class="lesson-wrapper"> </div> <div class="message-wrapper"> </div> <footer> </footer> </body> </html>◆css
body {
margin: 0;
font-family: "Hiragino Kaku Gothic ProN";
}
a {
text-decoration: none;
}
.container {
width: 1170px;
padding: 0 15px;
margin: 0 auto;
}
.top-wrapper {
padding: 180px 0 100px 0;
background-image: url(../image/cici1.jpg);
background-size: cover;
color: red;
}
試したこと
ファイル指定を変えたり、pngにしたり色々してみましたがダメでした
""で囲って指定もしてみましたがダメでした。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答2件
0
ベストアンサー
CSS
1/* background-image: url(../image/cici1.jpg); 2 ↓ */ 3 background-image: url(./image/cici1.jpg);
投稿2020/02/06 15:22
総合スコア69606
0
url(../image/cici1.jpg);
このようにしたらどうなりますか？
url(./image/cici1.jpg);
投稿2020/02/06 15:23
総合スコア7337
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/06 15:29