乐于分享
好东西不私藏

超实用的 图片超链接代码 和文字超链接代码

本文最后更新于2014年4月7日,已超过 1 年没有更新,涉及的内容可能已经失效!

图片超链接代码:

<a href=”网址” target=”_blank”><img src=”图片” width=”宽度” height=”高度” alt=” 说明”
border=”0″></a>

可调整图片大小的图片超链接代码,可以通过以上代码调整图片宽度和高度,并添加alt标签说明,使图片访问速度更快的同时,更有利于seo的优化。

文字超链接代码:

<P><A href=”网址” target=_blank>文字</A></P>

把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):

让链接变色

<STYLE TYPE=”text/css”>
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

增加链接的力度—即字体变大

<STYLE TYPE=”text/css”>
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

触到链接是出现虚线

代码:<STYLE TYPE=”text/css”>
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

会移动的链接

代码<STYLE TYPE=”text/css”>
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>

给链接添加背景色

<STYLE TYPE=”text/css”>
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>

赞(0) 打赏
未经允许不得转载:完美博客 » 超实用的 图片超链接代码 和文字超链接代码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址