演習課題「背景色を指定」
右側のコードエリアのhtmlは、「hello paiza」という見出しを表示します。
headタグ上のstyleタグにスタイルを追加して、bodyの背景色(background-color)を灰色(#D3D3D3)にしてください。
コードの実行をして、エラーが出なければ、演習課題クリアです!
期待する出力値
演習課題「文字色の変更」
右側のコードエリアのhtmlは、「hello paiza」という見出しを表示します。
headタグ上のstyleタグにスタイルを追加して、見出し(h1タグ)の色を赤色(red)にしてください。
コードの実行をして、エラーが出なければ、演習課題クリアです!
期待する出力値
#02:CSSの色指定を理解しよう
ここでは、Webページの色を変えてみます。そのために、CSSの色指定について学習します。
・色名で指定するcolor: white;
・数値で指定する
赤色(00-ff)、緑色(00-ff)、青色(00-ff)の割合を指定します。
数値は、16進数で指定します。color: #ff0000;
・背景色background-color: white;
・文字色color: white;
調整した色の数値表現(カラーコード)を調べるには、次のカラーピッカーが利用できます。
- カラーピッカー
http://paiza-webapp.s3.amazonaws.com/files/learning/color-slider.html
カラーネーム140色-WEBカラーリファレンス
http://www.htmq.com/color/colorname.shtml
WEBセーフカラー216色-WEBカラーリファレンス
http://www.htmq.com/color/websafe216.shtml
ログインすると採点できます
コードの実行