動画プレイヤーの機能を制限して表示しています
一部機能が正常に読み込まれませんでした。
コンテンツブロックなどが動作していないかご確認ください。
このチャプターでの演習課題が終了していません
次のチャプターへ進みますか
ジャッジに時間がかかっています
しばらくしてから再度アクセスしてください。
演習課題を利用するには
paizaの会員登録が必要です
無料会員登録して始める
HTML/CSS入門編2: CSSの基礎を学ぼう

#02:CSSの色指定を理解しよう

動画 実技
次のチャプターへ

ログインすると実技課題の採点等ができるようになります

ログインする

実技課題 「背景色を指定」

右側のコードエリアのhtmlは、「hello paiza」という見出しを表示します。
headタグ上のstyleタグにスタイルを追加して、bodyの背景色(background-color)を灰色(#D3D3D3)にしてください。

コードの実行をして、エラーが出なければ、演習課題クリアです！

期待する出力値


実技課題 「文字色の変更」

右側のコードエリアのhtmlは、「hello paiza」という見出しを表示します。
headタグ上のstyleタグにスタイルを追加して、見出し(h1タグ)の色を赤色(red)にしてください。

コードの実行をして、エラーが出なければ、演習課題クリアです！

期待する出力値


ここでは、Webページの色を変えてみます。そのために、CSSの色指定について学習します。

有料プランで現役エンジニアに相談可能！
プログラミング学習 > HTML/CSS入門編 > HTML/CSS入門編2: CSSの基礎を学ぼう > CSSの色指定を理解しよう