图片超链接：

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

浮动图片链接:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-50); BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center; BORDER-CENTER: medium none">

<P></P><A href="http://blog.sina.com.cn/u/1230545134#aList_1" target=_blank><IMG style="WIDTH: 50px; HEIGHT: 50px" height=128 alt=我的文章 src="http://pic.sj9.cn/sjpic/20051010135364.gif" width=82 border=0></DIV>

注：您只要改变代码中的汉字，图片网址，您要链接网页的网址就完全是您的了。

(document.body.clientWidth)-50）50是指距页面边缘的距离。调整此数据可以调整图片横轴（起始）位置。

(document.body.clientHeight)-200) 200是指距页面顶端距离。调整此数据可以调整图片纵轴（起始）位置。

LEFT:指位于页面左侧。RIGHT指位于页面右侧。

style="WIDTH: 50px; HEIGHT: 50px"，指图片的长和宽。

固定图片链接:

注：相关注释同上。（应用小提示：您可以把重要的名人博客以此方法链接呀。）

文字超链接：你点一点看看      <P><A href="网址" target=_blank>文字</A></P>
<DIV></DIV>
<DIV></DIV>

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

注意：color颜色自己设定，把以上蓝色地方换成你喜欢的颜色代码，具体颜色代码请看美化必备-常用颜色代码① ②