シャフト株式会社

マウスオーバーした時にリンクテキストの下線を表示/非表示

マウスオーバーした時にリンクテキストの下線を表示

a{
 text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

マウスオーバーした時にリンクテキストの下線を非表示

a:hover{
 text-decoration: none;
}

css解説

「text-decoration」と「a:hover」を組み合わせることで、普段はテキストリンクの下線を消しておき、テキストリンクにマウスオーバーした時だけ下線を表示したりすることが可能です。

Copyright © SCHAFT Inc. All Rights Reserved.