aタグの文字色を変えよう

aタグとは、テキストや画像などにハイパーリンクを設定することのできるHTMLのタグです。ハイパーリンクという言葉は、一度は聞いたことがあるのではないかと思いますが、マウスを載せるとポインターが変わってクリックすると違うページに切り替わるリンクのことを言います。

aタグを囲った部分をリンクとして扱うことができるため、複数の要素をまとめてリンクにしたり、画像自体をリンクに設定することができます。

文字色の指定方法は、要素の枠線色や背景色などでも同じ形式で指定します。
CSSで色を指定する方法は4種類用意されています。
・キーワード:「black」「blue」などのキーワード名で指定
・16進数カラーコード:「#ffcc00」などの16進数カラーコードで指定
・RGB:「rgb( 255, 40, 50);」のように指定、rgbはレッド・グリーン・ブルーの頭文字
・HSL:「hsl(50deg 100% 50%);」のように指定、H(色相)S(彩度)L(輝度)
RGBとHSLで指定する場合は透過度も指定することができます。
text-decorationは与える値によって下線以外にテキスト上に線を引いたり、テキストの中央に線を引くこともできます。
このように各プロパティには様々な値が用意されています。