マウスオーバーで少し沈むリンクをCSSでする方法。


ちょっとした時に使える、知ってるときっと役立つまめ知識です。今回はマウスオーバーすると少しだけ沈むリンクをCSSで設定する方法です。簡単な作業で出来ますのでご自身のサイトに役立てて下さい。

 

 

こんにちわ。ARMSです。
では早速、以下をcssに設定します。

a:hover{position:relative;top:1px;left:1px;}

以下は実行した時のサンプルです。

情報商材で稼ぐ! ネットビジネス成功術

それぞれの意味は以下の通りです。

  • a:hover ⇒ aタグにマウスオーバーしたときの設定を意味します。
  • position:relative; ⇒ 元の状態からの相対位置を指定します。
  • top:1px; ⇒ 上から1px
  • left:1px; ⇒ 左から1px

となっています。

Be the first to comment on "マウスオーバーで少し沈むリンクをCSSでする方法。"

Leave a comment

Your email address will not be published.


*