このページはBlog | hamashun.comのエントリー、リンクをクリックしやすくする、ちょっとした工夫のサンプルページです。

Source Code

p.sample1 a {
 font-size: 70%;
}

p.sample2 a {
 padding: 10px;
 font-size: 70%;
}

a:hover {
 background: #3366cc;
 color: #fff;
}

<p class="sample1"><a href="#">リンク領域が狭いままです</a></p>

<p class="sample2"><a href="#">リンク領域を広くします</a></p>

Display of a Sample

リンク領域が狭いままです

リンク領域を広くします