《CSS》背景の色を変えてみよう!

HTMLのこと

こんな人に読んで欲しい!
・「CSS」とは何なのかを知りたい人
・Webサイトの背景色の変え方を知りたい人

こんにちは、「なゆた」です!
今日から、「CSS」についてを少しずつ書いていきます。

皆さんは、「CSS」を知っていますか?「CSS」とは《Cascading Style Sheets》の略で、HTMLと連携して、タグの更なる部分を作り上げるためのファイルです。

今回はその第1弾として、背景の色の変え方を皆さんにお教えします。

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

《主な使用タグ》(CSSファイル)
background-color・・・背景色を変えるために使う属性。色の打ち方は色名やカラーコードなど自由である。

変更前はこんな感じです。何も無いですよね。

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

②次に、新たに「CSSファイル」を作成します。その中に先述した<body>タグを入力し、その中にbackground-color属性を入れ、その中に色名を入れます。(例は赤色=redです。)これで連携完了です!

③すると、背景が真っ赤になりました!これで完成です!

いかがでしたか?このようにCSSを使うことで、Webサイトの制作が佳境に近づいていきます。
これからも少しずつCSSの方法を発信していきます!楽しみにしていてください!
以上です、ありがとうございました!

コメント

タイトルとURLをコピーしました