<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
検索で出てきたのをいろいろ試したのですが、これが一番単純でかつうまく動作しました。
どういう風に使えるのか?
スポンサーリンク
コメントを残す