如何让超链接文字隐藏掉css代码

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!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>

微信截图_20181122171832.png

设置一个class=logo的盒子，设置thinkcss的网站logo为背景图片，设置宽度和高度。

首先”.logo”选择器内设置css宽度、css高度、logo图片作为背景；
再对class=logo对象内超链接a设置形成块（让超链接a宽高生效）、设置宽度和高度，同时设置 text-indent:-9999px隐藏超链接内的文字。当然这样文字隐藏了，但超链接和背景图片保留了。

以上就是对如何让超链接文字隐藏掉css代码的全部介绍，如果您想了解更多有关CSS3教程，请关注PHP中文网。

以上就是如何让超链接文字隐藏掉css代码的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

如何让超链接文字隐藏掉css代码

更多相关阅读请进入《超链接文字隐藏掉》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...