ELLの足跡

人は最後は一人だという・・・でも、・・・今は妻が傍にいてくれる・・・

HP上でページ全体のリンクの下線を消す方法

2011-07-05 | 日々のパソコン
HPを創る時にリンクの下線を消したい時はA要素の中に style="text-decoration:none" と記述すればよいのですが・・・

そのページ全体のリンクの下線を消したい時には一々、書き込むのは面倒ですよね・・・

そんな時、良い方法があります
  • ページ全体のリンクの下線を消す・・・
    1. <HEAD>~</HEAD>内にスタイルシートを使って指定すれば大丈夫です

    2. このテーブルの中のスタイルシートを記述します
        ※ コピーされる場合は黄色の<>を半角に変更して下さい
      <STYLE type="text/css">
      !--
      A { text-decoration : none ; }
      --
      </STYLE>

    3. これをまとめてみますとソースは以下のように成ります
      <HTML>
      <HEAD>
      <STYLE type="text/css">
      <!--
      A { text-decoration : none ; }
      -->
      </STYLE>
      </HEAD>

      <BODY>
      <A href="リンク先のアドレス">リンク先へ</A>
      </BODY>
      </HTML>


    4. これだけでこのページ内のリンクは全て下線が消えています



今日の小技は如何でしたか?

コメント    この記事についてブログを書く
  • Twitterでシェアする
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« 何ぜ?上から目線で見れる!... | トップ | こんな内閣で復興出来る筈が... »
最新の画像もっと見る

コメントを投稿

日々のパソコン」カテゴリの最新記事