小贴士 text-indent

来源:互联网 发布:centos 7.4 安装git 编辑:程序博客网 时间:2024/04/29 06:47

text-indent是用来首行缩进的,我平时呢都是这么用的,一般在段落上才会用,今天群里的大神,说了一种全新的理解,用来隐藏文字,用图片代替文字显示,很简单也很实用,所以记录下来,之所以不直接用图片,是因为方便网络爬虫,网络爬虫认得代码中的文字,而我们访客只需看到图片,一举两得!!
代码很简单

<h1>LOGO</h1>//htmlh1{//css    background: url(fengbao.jpg);    width: 700px;    height: 394px;    text-indent: -9999px;}

效果图
这里写图片描述
没有文字,只有图片。感觉还是个不错的小技巧

0 0
原创粉丝点击