楽天RMSオンマウスでテキストリンクに下線を出してみよう(HTML編)

テキストリンクにオンマウスで下線TOP
 

楽天RMSでネットショップを作成していると、サイトのデザイン的にテキストリンクの下線(アンダーライン)が、ここは必要ないなーとか気になったことありませんか?

今回は、オンマウスの時だけ下線が表示されるパターンと表示しないパターンをHTML編でご紹介します。

では早速、HTMLの編集でCSS(スタイルシート)を適用して、カーソルがテキストリンクに乗った時だけ、下線(アンダーライン)を表示する書き方と表示しないソースの描き方を実装してみよう。

Sponsored Links

オンマウスでテキストリンクに下線を出す方法

次のソースを、記述することでオンマウスの時だけ下線が表示されるようになります。

 

 

オンマウスでテキストリンクに下線を表示させない方法

逆にオンマウス時に下線(アンダーライン)を表示したくない場合には、

 

a:hover { text-decoration:underline; }の
underlineのところを
noneに変更しましょう。

 

underlineは下線を出しますよっていう値です。また、noneは装飾なし (下線を消す)値です。

Sponsored Links

こちらの記事もよく読まれています

SNSでもご購読できます。

コメント

  1. xxxleciel666 より:

    とても参考になりました!
     今までコメントをしたことがなかったので、
     これを機に是非コメントして回ろうと思います
     ありがとうございました!い

  2. 管理人 より:

    xxxleciel666さん、コメントありがとうございます。
    コメント回り頑張ってくださいね。

コメントを残す

*

CAPTCHA