たいぶ前からやってるリンクの下線を破線にする。

よく考えたらblogってリンクだらけだよね。だからgoogleで引っかかりやすいっていうのがあるんだろうけど。

やり方はスタイルシートの変更だけでOK。

スタイルシートの設定にて



まずデフォルトで表示される下線を消して(青字部分)、ドットで下線を書いてます。

a:link -> まだ行ったことのないリンク
a:visited -> 行ったことのあるリンク
a:active -> リンクをマウスでクリックしているとき
a:hover -> リンクにマウスが乗っているとき

で細かく設定が可能。
僕はリンクの状態では下線を表示して、マウスオーバーの時は下線を消すようにしてます。
下線を消したいときは緑色の"border-bottom-style:none"と書けばOK。


以上の様な設定をしてしまうと、すべてのリンクに対して破線下線が付くので、それはそれでイマイチ。（画像とかにはつけて欲しくない）

その場合は以下の様なスタイルシートを追加


"borderout"で囲まれたリンクタグには下線もなにも表示されなくなる。わざわざ囲まなくちゃいけないのもメンドクサイけど。
このblogの■guildの画像は、"borderout"で囲ってます。