[CSS]ハッシュリンク先がどのエリアなのかを分かりやすくするスタイルシート

ハッシュリンク（#hoge）をクリックすると、その先頭はページ上部に表示されるので分かりますが、どこまでがそのエリアなのか分かりやすくするスタイルシートのテクニックを紹介します。 デモページ: 1に移動 [ad#ad-2] 実装 HTML HTMLはシンプルで、ナビゲーションをnav要素、コンテンツをsection要素、各ハッシュリンク先はdiv要素で実装します。 <nav> <a href="#one">1</a> <a href="#two">2</a> <a href="#three">3</a> </nav> <section> <div id="one"><h2>One</h2>Pellentesque habitant morbi ...</div> <div id="two"><h2>Two</h2>Pellentesque habitant morbi ...</div>

[skunk0915]

ハイライト

[nao14115]

ハッシュリンク先がどのエリアなのかを分かりやすくするスタイルシート

[Donca]

✔ [CSS]ハッシュリンク先がどのエリアなのかを分かりやすくするスタイルシート