《CSS》背景に画像を加える方法

こんな人に読んで欲しい！
・Webサイトでの背景画像の付け加え方を知りたい人

こんにちは、「なゆた」です！
今日は皆さんに、「CSS」での背景画像の付け加え方についてをお教えします。

やり方は、前回の「背景の色の変え方」とほぼ同じです。
ただ、使用するCSSタグは、少し違います。

《主な使用タグ》（HTMLファイル）
body・・・HTMLで表示されるもの全体を統括する要素。

《主な使用タグ》（CSSファイル）
background-image・・・背景画像を加えるために使う属性。
background-size・・・背景の大きさを変えるために使う属性。

変更前は、このように何も無い状態です。

①まず、「HTMLファイル」を開きます。＜body＞タグの中は何も無い状態ですが、CSSと連携するため、そのままにしておいてください。

②次に、「CSSファイル」を作成します。その中に先述した＜body＞タグを入力し、その中にまずbackground-image属性を入れ、その中に「画像のファイル名.jpg」を入れます。（例は特定防止のため一部隠しております。）

③さらに、background-size属性を入れ、その中にページ全体を覆う役割である「cover」を入れます。これで連携完了です！

④すると、背景に画像が加わりました！これで完成です！

いかがでしたか？こういう風に、背景に画像が加わっているWebサイトって、よく見かけますよね。
CSSの方法は、まだまだたくさんあります！是非楽しみにしていてください！
以上です、ありがとうございました！