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

图片超链接代码:

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