リンクのクリックできる範囲を広げる


テキストリンクでテキストの文字数が少ないとクリックがしずらい、
といった場合があるかと思います。
そういった時はaタグに対して以下のような指定をすると良いです。

<p class="textlink"><a href="#">テキストリンク</a></p>
.textlink a {
display:block;
width:200px;
padding:10px;
}

display:block;を指定することによって、aタグをブロック要素にします。
後は適宜、横幅やpaddingを指定していきます。
※ただしあまりクリックできる範囲を広げすぎると、

「クリックしたくないのにクリックされる!」

というように、かえって使いずらいサイトになってしまう恐れもあるので、
やりすぎには注意が必要です。

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る