acky info

連絡先

tips

web関係、制作関係でのよしなしごとを書いています。

CSSテクニック

positionを使ったCSSテクニック

フォームに関するCSSテクニック

疑似クラスを使ったCSSテクニック

リストのCSSテクニック

tableに関するCSSテクニック

左寄せ、中央寄せ、右寄せのCSSテクニック

floatを使ったCSSテクニック

テキストリンクをpositionでずらしてクリック感をつける

ads

2010/3/8 初稿

テキストリンクのクリック(active)の時に1ピクセルずらすなど微妙な変化をつけると、アンダーラインだけなどよりもクリック感を高めることができます。

方法としてはactiveの時にpositionを使ってずらします。

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:active{
position:relative;
top:1px;
}

positionを使ったCSSテクニック

疑似クラスを使ったCSSテクニック

Copyright (C) acky. All Rights Reserved.