CSS——text-indent

最新推荐文章于 2021-06-18 18:23:06 发布

weixin_30411239

最新推荐文章于 2021-06-18 18:23:06 发布

阅读量75

点赞数

原文链接：http://www.cnblogs.com/wuqiuxue/p/7800183.html

版权

在h1标签里套入a标签并写上文字，有利于seo，但是文字如何隐藏呢？一般都是a标签变成内联块并首行缩进为负值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .logo{
            width: 143px;
            height: 76px;
            background: url("logo.png");
        }
        a{
            display: inline-block;
            text-indent:-5000em;
        }
    </style>
</head>
<body>
    <div class="logo">
        <h1>    
         <a href="#">搜狐</a>
        </h1>
    </div>
</body>
</html>

效果：

转载于:https://www.cnblogs.com/wuqiuxue/p/7800183.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30411239

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS——text-indent

在h1标签里套入a标签并写上文字，有利于seo，但是文字如何隐藏呢？一般都是a标签变成内联块并首行缩进为负值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &...
复制链接

扫一扫