H1标签也可以美化

2019-08-14 09:39:05来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

一般在搜索引擎中都会比较喜欢使用H1,H1是最基础也是最重要的一步,但是在代码上H1就失去了作用,那么你知道其实H1标签也可以美化吗?相信这是很多程序员不知道的事情,现在我们去看看吧。

<h1><img src="http://5key.net/xxxx.jpg"></h1>
其实通过一点小的调整则可以将两者兼顾。
再来看看这段。H1的代码对搜索引擎依然可读,我们只是利用text-indent:-9999px;将“邀请好友加入”的文字远远的扔到左边去了。
<style>
.test{}
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; background:url(header.gif) no-repeat;}
.testbox{background:url(bg.gif); width:522px; height:323px;}
</style>
<div class="test">
<h1>邀请好友加入</h1>
</div>
<div class="testbox"></div>

对于H1标签也可以美化这一问题大家是不是都了解清楚了呢?更多的相关资讯就请关注我们爱站技术频道吧,爱站小编也可随时为大家解答问题。


原文链接:https://js.aizhan.com/web_authoring/css/7986.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:详解清除网页浮动CSS的方法

下一篇:利用Div+Css实现屏蔽效果