HTML・CSSにおける背景画像の挿入方法

Question

背景に画像(sample.jpg)を挿入したいです。
方法を教えてください。

<section id="sec2">
    <div class="container">

<h2 class="text-center">&nbsp;</h2>
       <h2 class="text-center">− 事業内容 −<br>

初心者故困っている状況です。
諸先輩方、お願いいたします。

Answer 1

CSSファイルに

.class名{
  background-image: url(sample.jpg);
}

と入れてみてはいかがでしょうか。

Comments

[Yukiyakuwa1107]

迅速なご回答ありがとうございます。
早速試してみましたがイマイチうまくいかず。。。

#h2 {
background-img:url("../img/menu-background.png") no-repeat center center;
}

.class名にどこを指定したらいいのかイマイチわかっていない状況です。

[iyonegaki]

まず以下の点を間違えて回答したことお詫び申し上げます。
・imageの部分をimgとしていました。
・()内にダブルクォーテーションはいらない。
正しくは以下の通りです。

```
.class名{
background-image: url(sample.jpg);
}
```

質問についてはページの全体像が見えないので
どこのクラスを指定すればいいかは自分にもわかりません、すいません。
(自分もCSSの知識があまりない)
なので色々なクラスを入れてイメージ通りになるクラスを選べばいいかと。

あと仮にh2にCSSを適用するのなら#はいらないのではと思います。
どちらでもできるのであればお好きな方で。

[YukiYakuwa]

うまく行きました
ありがとうございます

Answer 2

なにかのブロック要素に、
background系スタイルシートを適用すればいいです。

background－スタイルシートリファレンス