ホームページ更新その2

ホームページのリンクの色を変更しました。

 

テキストのリンクの色変更

リンクの色を変更しました。

リンクの色はcssで設定します。
style.cssを編集します。

リンクの色は主に以下の4つがあります。
以下の順番に設定しないと正しく動作しないので、順番通りに設定します。

a:link:アクセスしたことのないリンク
a:visited:アクセスしたことのあるリンク
a:hover:マウスが上に乗っている状態のリンク
a:active:クリック中のリンク

a:link { color:#ff0000; }
とするとアクセスしたことのないリンクの文字の色が赤になります。

 

ボタンのリンクの色変更

ボタンのリンクの色もテキストのリンクと同じように設定します。
ボタンはclass名「btn」を設定してあります。
class名をcssで設定するときは先頭にドット(.)を付けて指定します。

a.btn:link { color:#ff0000; }
とするとボタンの文字の色が赤くなります。

 


SAInoLESSON(サイのレッスン) Macの使い方講座、詳しい情報はこちら