ホームページで文字の裏に画像を入れたい！

Question

VSCodeでドットインストールというプログラミングプログラミングを初心者が学べる学べるサイトがありまして、そこで「実践ウェブサイト作成」というもので学習しながらウェブサイトを作成しています。そこでそのウェブサイト上の文字の後ろ、つまり背景画像としてある画像を挿入したいのですが、説明通りにやってもできず国語力のない自分には理解できませんでした。
.header{
background: url();
}
この（）の部分にurlを入れてウェブサイトをいくら更新しても変わりません。何が間違っているのかわからず、どうしようもない状態です。
回答よろしくお願いいたします。

Answer 1

bodyタグに対してスタイルシートを設定する際は

body {
  background: #ccc url('設定したい画像のURL') no-repeat top center;
  background-size: cover;
}

で背景を設定できます。
また、たぶんですが、

header {
・・・省略・・・
}

のbodyの部分をheaderに変えれば、headerだけの操作もできると思います。

Answer 2

たぶん、画像の指定がうまくいってないのではないでしょうか？
たとえば、
.header{
background: url('/image/tatoe.png');
}
のような記述を試してみてください。

画像は、まとめてimge（名前は何でもいいです）のようなフォルダを作成しそこにまとめておくと便利です。

Comments

[退会済みユーザー]

コードを提示する場合は、MarkDown記法を使用してください。