ヨスのCSS講座

【CSS講座】STEP8: 背景の色は「background」で変更しよう!

ではCSSを使って、背景の色を変更する方法を紹介します。

こちらの例文を見てください。

このボタンをクリックしてください!

 

こちらをクリック

背景の色の変え方

  1. 上の文字にある「こちらをクリック」の上でメニュー「検証」を選択します。

  2. 出てきたウィンドウにあるCSSの「background」で背景の色を変えます。

    白いパレットをクリック

    上のように「background」の文字の前にある「白い正方形」のところをクリックすれば、色を変更できるパレットが出ますよ。

    ※透明にしたいときは「transparent(透明)」と入力します。

ここで覚えるCSS

background : ここに色コードを入れる ;

 

【STEP9】余白(外側)を変える

← 前のページ

CSSの基本はこちらです

CSSの基本についてはこちらの記事にまとめています。