[CSS] リンクのクリックできる領域を拡張する

リンク(aタグ)は文字の部分しかクリックすることができませんが、
これを拡張して文字以外の部分もクリック可能にするサンプルです。

(例)

サンプル

例)aタグを囲っているpタグいっぱいまでクリックできるようにする

aタグに対して、display:block;を指定すればOKです。

【結果】

このリンクは黄色の部分いっぱいまでクリックできます。

リンク文字以外の部分もクリックできるようになっています

備考

  • スマホ向けサイトなどではユーザビリティ向上のために指定する事をお勧めします。

コメント

タイトルとURLをコピーしました