text-indent是用来首行缩进的,我平时呢都是这么用的,一般在段落上才会用,今天群里的大神,说了一种全新的理解,用来隐藏文字,用图片代替文字显示,很简单也很实用,所以记录下来,之所以不直接用图片,是因为方便网络爬虫,网络爬虫认得代码中的文字,而我们访客只需看到图片,一举两得!!
代码很简单
<h1>LOGO</h1>//html
h1{//css
background: url(fengbao.jpg);
width: 700px;
height: 394px;
text-indent: -9999px;
}
效果图
没有文字,只有图片。感觉还是个不错的小技巧