html 链接 隐藏,让超链接文字隐藏掉css代码

让超链接内翰墨潜伏掉css材干结构法子

有时div css网页结构时，使用超链接a标签，但重要将文字匿伏，但超链接又不失效的需求。比如图片或图标的超链接，把图片或图标作为后援图片，上面应用超链接a加文字，但又不想让翰墨体现，超链接具有的又或是点击，图片也概略看见这个时候就是隐藏超链接文字。

使用CSS属性单词：text-indent

text-indent先容：

文本内容缩进属性，思空见贯用于文段开头笔墨缩进两个翰墨，比如文章段落每段缩进两个汉字配置text-indent就可。

要暗藏也是有text-indent来实现，例如设置text-indent:-999px或text-indent:-9999px让对象内翰墨往前缩进9999px达到潜伏感导。

超链接具备笔墨窜伏css结构案例下列：

1、案例代码

超链接具有文字潜藏 在线演示 - www.CSS5.com

.logo{ margin:0 auto;width:175px; height:51px;

bac公斤round:url(CSS5logo.gif) no-repeat 0 0}

.logo a{ display:block; width:100%; height:100%; text-indent:-9999px}

CSS5web

设置一个class=logo的盒子，设置装备摆设CSS5的weblogo为靠山图片，设置装备摆设宽度和高度。

2、案例截图

css结构超链接内笔墨潜伏，同时超链接也具备

3、案例赏析

起首”.logo”决定器内配置css宽度、css高度、logo图片作为布景；

再对class=logo对象内超链接a设置装备摆设构成块(让超链接a宽高生效)、设置装备摆设宽度与高度，同时配置 text-indent:-9999px潜藏超链接内的翰墨。当然如许文字潜藏了，但超链接和背景图片保管了。