background-color ＝「背景色を変更する」 練習

今回からテキストを装飾する「CSS」コードの練習をしていきます。

↓練習したサイト

webliker.info

普段使用しているHDMLエディタは「ATOM」を使用していますが、コードを反映す「Googleチャーム」に反映できなかったので、練習サイトのコードを掲載していきたいと思います。

普段使っている「ATOM」で入力

html

css

グーグルチャームで読み込み

失敗、適用されませんでした。

↓練習用のサイトのコードを載せ、実際に行いたかったCSSを載せておきます。

CSSコード適用前「Let learning」に青い背景を適用させます。

適用後「Let learning」の裏側に色が反映されました。

「ATOM」側は原因が不明、今後はお手本サイトの練習の画像も張り付ける予定です。