圖片超鏈接代碼

圖片超鏈接代碼

圖片超鏈接：<a href="網址" target="_blank"><img src="圖片" width="寬度" height="高度" alt=" 說明"
 border="0"></a>

文字超鏈接：你點一點看看      <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顏色自己設定，把以上藍色地方換成你喜歡的顏色代碼，具體顏色代碼請看美化必備-常用顏色代碼① ②