質問: ### CSSの勉強をしているのですが何度やってもブラウザに画像が表示されません。助けてください HTML CSS header{width: 100%;height: 130px;background: url('kurenai_ms00\Pictures/DXNih5gUQAAZHpf.jpg') no-repeat skyblue; と書いたのですが画像がブラウザに反映されませんでした。 参考にしている動画ではちゃんと画像がブラウザに表示されていました。 その他のCSSに書いたのはブラウザに反映されてます。 HTMLの方でと書いたときはブラウザに画像がちゃんと表示されました。 HTMLでのC:~の部分をコピーしてCSSのurl=('')の中にペーストしたのですがうまくいきませんでした ../DYO-CEoX4AE0F3Q.jpgや../../DYO-CEoX4AE0F3Q.jpgも試しましたがダメでした どうしてでしょうか? ### ``` エラーメッセージ ``` ### 該当のソースコード ``` header{width: 100%;height: 130px;background: url('kurenai_ms00\Pictures/DXNih5gUQAAZHpf.jpg') no-repeat skyblue; ``` ### 試したこと ../DYO-CEoX4AE0F3Q.jpgや../../DYO-CEoX4AE0F3Q.jpg ### 補足情報(FW/ツールのバージョンなど) テキストエディタ:ATOM ブラウザ:Google Chrome
回答: ``` url(C:/Users/kurenai_ms00/Pictures/DYO-CEoX4AE0F3Q.jpg); ``` こちらの指定ではどうなりますか? ただし、このままだとご自身のPC上でしか表示はできないと思いますので、web上での閲覧に適したサイズにしたものをhtmlやcssと同階層に用意してそちらを読み込むようにした方がいいと思います。 もご一読ください。