テキストを画像に置換する方法

テキストを画像に置換する方法

htmlソース

<li class="text_indent"><a href="#">価格帯から選ぶ</a></li>

CSS記述例

.text_indent a｛
url:("指定する画像のＵＲＬ") no-repeat left top;　/* ←画像のURLとリピートしない、画像の位置は左の上 */
width:180px; /*←画像の横幅180px*/
height:44px; /*←画像の縦幅44px*/
display:block; /*←img要素はインライン要素なので、blockと書くことでブロック要素にすることができる。
text-indent:-9999px; /*←テキストの段落を下げる */
｝

この記述方法で、htmlの記述変更ができない場合にテキストの文字は見えないようにし、
画像をクリックすれば、リンク先に飛ぶことでできます。

参考サイト：http://html-coding.co.jp/knowhow/tips/rollover/
参考サイト：http://delaymania.com/201209/web/textindent-9999/