Q&A
HTML5で書かれているようなので、type属性は不要です。
ドットインストールで現在ＣＳＳ基礎文法を学んでいるのですが、background-image プロパティが正しく反映されません。－ＣＳＳのbackground-color とwidthはきちんと表示されます。 ------------------------------------------------------------------------------
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>css練習</title> <link rel="stylesheet" href="styles1.css"> </head> <body> <header> html テキスト名でｉｍｇタグで記入してみたところちゃんと表示されたので画像の参照場所は間違てないと思います。 <!-- <img class="fuji" src="../camera roll/mt.fuji.jpg"> --> </header> </body> </html> ------------------------------------------------------------------------------------------ header{ background-color: red; height:100px; width:300px; background-image: url("../camera roll/mt.fuji.jpg); }
回答4件
0
background-image: url("../camera roll/mt.fuji.jpg);
◎background-image: url("../camera roll/mt.fuji.jpg");
閉じ忘れ?
投稿2018/10/03 08:47
総合スコア466
0
CSSのbackground-imageの最後のダブルクォーテーション抜けではないですか？
投稿2018/10/03 08:43
編集2018/10/03 08:48
総合スコア45
以前からtype属性も書いてたせいかつい目がそっちに行っちゃいました（笑）
無事解決しましたありがとうございます。
0
ドットインストールの動画のしたに「ソースコード」というのがあり、その中に「自分のコードと比較する」というボタンがあるはずです。
それを使えば、動画のサンプルのコードとどこが違うのかが分かるかもしれません。
投稿2018/10/03 10:49
総合スコア69
0
ベストアンサー
記入ミスかもしれませんが、
css
1background-image: url("../camera roll/mt.fuji.jpg);
最後にダブルクォーテーションが抜けてます。
背景色が出ないのは、背景画像が繰り返し描画されているからでは？
css
1background-repeat: no-repeat;
を追加すれば、背景画像は１つだけ表示されます。
投稿2018/10/03 09:01
総合スコア297
背景色は質問になかったですね・・(人；´Д｀) ｺﾞﾒﾝﾅｻｲ！
無事解決しましたありがとうございます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/04 01:40