フリーランス・個人事業主として独立を目指すデザイナー、副業を始めたいデザイナーを応援します! 自立支援に役立つ初心者向けWordPress情報も随時アップします!

CSS 背景画像にリンクを張る方法(background)

読了目安時間は約 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;

と記述します。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
目次