リンク文字色 リンク文字色  リンク文字色 リンク文字色 リンク文字色  リンク文字色

リンク文字は通常は訪問前は青、訪問後は紫ですが、この色は背景が黒になると見にくい(上図参照)。
以下はそのリンク文字色の変更法です。

0) HPBuilderでのリンク色指定 最も簡単

  HPBuilder でリンク設定後に文字を色指定する。 ただし、リンク文字直前に色指定コードがないとダメ。ソースコードでチェックすべし。
  それについての 説明と 実施例はこちら
  未訪問、訪問済 すべて同一色になる。 他の通常リンクに影響しないようだ。

   HPBuilderで色指定リンク文字直前に色指定コードが入っている。

   上と同じ色指定

 上と同じ色指定

   リンク文字直前に色指定コードが入ってない例。 これダメ 

  なお、HPBuilderの「ページ編集 → 属性の変更」を使うと、次の項 1)「BODY冒頭で指定ぺージ全体に適用」ができる。
  その場合もソースで要チェック。   

1)BODY冒頭で指定ページ全体に適用 (簡単) 複数のリンクならこれがいい
   
HomepageBuilderでも可能

<BODY link="#未訪問色"  alink"#active(クリック時)色"  vlink"#訪問済色 "> #は16進数 
色名の時は <BODY link="red" alink="blue" vlink="green">
 
 通常の背景色:白  背景を黒にすると下のように見にくくなる。 
左:訪問前   右:訪問済
 <BODY link="#00FFFF">
(cyan)を指定すると下記になる
リンク文字色 リンク文字色  リンク文字色 リンク文字色

この例から分かるように、背景色が黒の場合、未訪問(link)および訪問済(vlink) ともに
cyan(00FFFF), yellow(FFFF00)、white(FFFFFF)などの明色がよいと思われる。

    他の実施例1

    ネット情報
    http://www.newcredge.com/IT/www/html/tag/page/body-link-alink-vlink.html

2) 冒頭header内にstyleで指定  ページ全体に適用

    a:link { color: #0000ff; } … 未訪問のリンク
    a:visited { color: #000080; } … 訪問済みのリンク
    a:hover { color: #ff0000; } … ポイント時のリンク
    a:active { color: #ff8000; } … 選択中のリンク

    link 、visited、hover、active の順で記述する必要があるらしい。

    http://www.tagindex.com/stylesheet/link/color.html

    実施例2 

    ネット情報
    http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1044682210


3)特定リンクのみに色指定
  
個別リンクのStyleにclass名で色指定

   実施例3

   引用: http://blog.livedoor.jp/seo666/archives/50293704.html
 


リンクのアンダーラインを消す

http://www.1uphp.com/con1/link/link-underbernone.html   例 linkUnderline


inserted by FC2 system