ヒント集

リンクの下線を消す方法

1. リンクを設定したページを開きます。

2. メニューバーから「表示」→「スタイルシート マネージャー」を選択します。
　 「スタイルシート マネージャー」が起動します。

3. [追加] ボタンをクリックします。


「スタイルの設定」ダイアログが表示されます。

4. [HTML タグの候補] の ▼ ボタンをクリックし、[リンク A] をクリックします。



5. [文字飾り] 欄の [なし] にチェック マークを付け、[OK] ボタンでダイアログを閉じます。


スタイルの一覧に [A (リンク)] が表示されます。



この段階でリンクの文字に下線が表示されなくなりました。


文字の上にマウスを重ねたときに文字色を変化させる方法

続いて文字の上にマウスを重ねると、文字色を変化させる設定を行います。

1. [追加] ボタンをクリックして [HTML タグの候補] の ▼ ボタンをクリックし、 [マウスが上にあるリンク A:HOVER] をクリックします。



2. [色と背景](V8/V7/V6.5/V6 の場合は [カラーと背景]) タブをクリックします。マウスをリンクの文字に重ねると赤い色になるように、[前景色] として赤を選んでみましょう。



3. [OK] ボタンでダイアログを閉じます。
スタイルの一覧に [A:HOVER (マウスが上にあるリンク)] が表示されます。



この段階でリンクの文字マウスを重ねたときに赤色に文字色が変更されるようになりました。

4. 画面を閉じると設定完了です。プレビュー画面で効果を確認してください。



今回の設定以外にも、スタイルシート マネージャーで下記のタグを細かく設定することによって、応用が可能です。

A:LINK (未表示のリンク)
A:VISITED (既読リンク)
A:HOVER (マウスが上にあるリンク)
A:ACTIVE (選択されてアクティブなリンク)

関連情報