text-indent隐藏文字（文字代替图片链接）
看上面的效果截图，很多人一定为是图片链接，其实上面是文字链接。^_^。如果你不信可以看下预览地址（text-indent隐藏文字（文字代替图片链接）），你可以点击查看源文件。
怎么实现这个效果呢，和这样做有什么好处?
以图换字是CSS布局中非常常用的一种手段，因为图片文字有时候比可选的文字的表达效果更好！
因此，某些文字标题是用图片来表达的。但写一个img标签实在不雅，为了照顾蜘蛛，我们使用浏览器障眼法。
于是用最常用的text-indent：
全部代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>text-indent隐藏文字_文字替换图片_CSS样式_CSS</title>
<style type="text/css">
h4 a{display:block; background:url(/SearchEngine/uploadfile/200905/15/BA164915978.gif) left top no-repeat;width:300px;height:75px;text-indent:300px; white-space:nowrap; overflow:hidden;}
</style>
</head>
<body>
<h4><a href="http://www.Divhome.com/">css_css样式_css教程</a></h4>
</body>
</html>
