ID非公開

2021/7/31 13:34

33回答

htmlの編集でうまくいかない部分があるので質問させてください。 h1タグに背景画像を設定したいと考えています。

画像

ベストアンサー

0

ThanksImg質問者からのお礼コメント

ありがとうございました。 教えていただいた方法でうまくいきました。

お礼日時:8/1 13:03

その他の回答(2件)

0

とりあえず、background-size: 100% を指定すれば背景画像の幅が100%で収まるように拡大・縮小されると思います。 以下は括っているdiv要素でサイズを決めて左右中央寄せで配置してテキストをセンタリングして、h1要素は背景画像とその表示サイズだけ指定する例です。 <div style="width: 50%; text-align:center; margin-left:auto; margin-right: auto"> <h1 style="background-image: url(img/sample.jpg); background-size: 100%;">ヘッダ</h1> </div>

ID非公開

質問者2021/8/1 13:03

ありがとうございました。 教えていただいた方法でもうまくいきました。

0

>また、閲覧する端末問わず同じ画像を画面サイズに合わせて表示させる場合はどのような設定が最適でしょうか。 レスポンシブ設定ですね。

ID非公開

質問者2021/7/31 14:19

レスポンシブ設定の具体的な記述を調べて試してみたのですがうまくいかずこの質問をしました。よろしくお願いします。 用語が知りたいのではなく具体的なHTMLやCSSの記述を知りたいです。