本篇文章给大家带来的内容是关于如何让超链接文字隐藏掉css代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
让超链接内文字隐藏掉css技巧布局方法
有时div css网页布局时，使用超链接a标签，但需要将文字隐藏，但超链接又不失效的需求。比如图片或图标的超链接，把图片或图标作为背景图片，上面使用超链接a加文字，但又不想让文字显示，超链接存在的又可以点击，图片也可以看见这个时候就是隐藏超链接文字。
使用CSS属性单词：text-indent
text-indent介绍：
文本内容缩进属性，常见用于文段开头文字缩进两个文字，比如文章段落每段缩进两个汉字设置text-indent即可。
要隐藏也是有text-indent来实现，比如设置text-indent:-999px或text-indent:-9999px让对象内文字往前缩进9999px达到隐藏作用。
超链接存在文字隐藏css布局案例如下：
1、案例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>超链接存在文字隐藏 在线演示</title>
<style>
.logo{ margin:0 auto;width:175px; height:51px;
background:url(phplogo.gif) no-repeat 0 0}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px}
</style>
</head>
<body>
<div class="logo"><a href="http://www.php.cn/">php中文网</a></div>
</body>
</html>
设置一个class=logo的盒子，设置thinkcss的网站logo为背景图片，设置宽度和高度。
首先”.logo”选择器内设置css宽度、css高度、logo图片作为背景；
再对class=logo对象内超链接a设置形成块（让超链接a宽高生效）、设置宽度和高度，同时设置 text-indent:-9999px隐藏超链接内的文字。当然这样文字隐藏了，但超链接和背景图片保留了。
以上就是对如何让超链接文字隐藏掉css代码的全部介绍，如果您想了解更多有关CSS3教程，请关注PHP中文网。
Atas ialah kandungan terperinci 如何让超链接文字隐藏掉css代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
keluarkan cara
Bagaimana untuk menetapkan komputer untuk menyambung ke WiFi secara automatik
Cara menggunakan html untuk navigasi web
Apakah kaedah untuk melaksanakan lebihan beban operator dalam bahasa Go?
Penjelasan terperinci tentang konfigurasi nginx
Pengenalan kepada kod kesan khas javascript
Pesanan yang disyorkan untuk mempelajari bahasa c++ dan c
Bagaimana untuk membeli Bitcoin
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
