| それでは実際にリンクの装飾をしてみましょう。まずは、どのようにリンク文字を変化させるのかを決めましょう。ここでは例で説明します。リンクの色は赤、未訪問のリンクも赤、既読リンクは緑、マウスがリンクに触れたときはオレンジで設定してみましょう。 |
| 例： ホームページビルダーを学ぼう |
| スタイルシートマネージャーを起動します。→ 追加をクリックします。 |
| スタイルの設定でリンクAを選択します。（右）すると、下図のように左上の部分にHTMLタグ名にAと記されています。 |
 |
|
 |
Aの後にclassの名前（任意）
を付けます。ここでは.no1としました。
no1の前にドットを付けるのを忘れずに |
 |
| 変更→ |
|
Aはリンクの色ですので、設定メニューの「カラーと背景」で前景色がフォントの色なので赤を選択します。OKボタンを押して閉じます。スタイルシートマネージャーに
 |
が現れます。これがリンク文字の色です。 |
|
| 次に追加を押し、同様にリンクの「未表示のリンク A:LINK」を選択します。 |
 |
先と同じくclassの名前を付けます。 |
 |
| 変更→ |
|
A:LINKは未訪問のリンク色ですので、ここでも同様文字の色を赤に選択します。
OKで閉じます。スタイルシートマネージャーに「A.no1:LINK」が追加されています。 |
同様にリンクの「A:VISITED（表示したリンク）」
「A:HOVER（マウスがリンクの上に来たとき）」
を設定します。
「A.no１:VISITED」とするのを忘れずに！！ |
|
 |
|
スタイルシートマネージャに左図
のような設定があるかどうか確認
してください。 |
|
