プログラムNo.8-1 文字の色のプログラム-1

Wordpress programing
Pexels / Pixabay

CSSとは?

・CSS…HTMLの要素に対して色・大きさ・配置等を指定し、ページをデザインする言語
・HTMLのみでは文字と画像が羅列されているが、CSSを使用することでレイアウトを整える。

CSSに触れてみよう

・CSS…HTMLと別のファイルに入力する。
・HTMLで使った要素に対して、CSSで「どこの」「何を」「どうする」かを指定する。

例:「h2要素の」「color(色)を」「green(緑)」

h2{
   color:  green;
}

・このときの対象(要素名)…セレクタ
・このときの変更項目…プロパティ

文字の色を変える

colorプロパティ…文字の色を変える。
color: #00ff00;」のように、16進数のカラーコードで色を指定する。

/* 文字の色を変える */

h1{
   color: #00ff00;
}

 

 

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