CSSでテキストリンクを画像リンクに置換

<span class="abx"><a href="#">テキスト</a></span>

.abx a{
  background:url(画像.jpg) no-repeat;
  display:block;
  height:0;
  overflow:hidden;
  padding-top:40px;/* 画像の縦幅 */
  width:200px;/* 画像の横幅 */
}

参考:
【CSS】テキストを画像置換 | Code Life

検索で出てきたのをいろいろ試したのですが、これが一番単純でかつうまく動作しました。

どういう風に使えるのか?


スポンサーリンク

コメントを残す

メールアドレスは公開されません。
また、コメント欄には、必ず日本語を含めてください(スパム対策)。