読了目安時間は約 2 分です。
背景画像を指定した<div>タグや<p>タグをバナーっぽくするため<a>タグでリンクを張ってみても、うまくいかないときがあります。
こういうときは逆に<a>に背景画像を指定することで解決します。
<p class=”top”>
<a href=”top.html” title=”リンク説明”><span>トップページ</span></a>
</p>
この.topに背景画像を当てるのではなく、
a {
background-image:url(/image.jpg); /*背景画像を指定*/
width:300px; height:100px;
}
と記述します。
