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

  • 投稿 : 2013-05-20
  • 更新 : 2014-11-18
<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

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

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



スポンサーリンク