疑問

リンクの下線を消すには?

処理

スタイルシートを使用します。

表示-スタイルシートマネージャーでスタイルシートマネージャーの追加をクリック

HTMLタグの候補で「A」を選択します。(Aがリンクを示す要素です。)フォントタブの文字飾りで「なし」にチェックを入れます。

スクリーンショット

スタイルの設定

スタイル

<style type="text/css">
 <!--
  A{
  text-decoration : none;
  }
 -->
</style>

また、上記の設定をして尚且つマウスポインタがリンクの上に来た時に下線を出すには別途設定が必要です。

Aセレクタの擬似クラス:HOVERを設定します。

スクリーンショット

スタイルの設定

スタイル

<style type="text/css">
 <!--
  A{
  text-decoration : none;
  }
  A:HOVER{
  text-decoration : underline;
  }
 -->
</style>

サンプル

リンクの下線を消して、マウスが乗ると下線が表示されます。

Aセレクタの擬似クラス