图片超链接代码～

2006-10-21 07:53:03|  分类： 【电脑制作】|举报|字号

下载LOFTER客户端

图片超链接代码

图片超链接：

<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颜色自己设定，把以上蓝色地方换成你喜欢的颜色代码，具体颜色代码请看美化必备-常用颜色代码① ②

◆⊙⊙⊙◆博客空间制作大全◆⊙⊙⊙◆

◆⊙⊙⊙◆博客空间代码大全◆⊙⊙⊙◆

◆⊙⊙⊙◆如何提高点击率的秘诀◆⊙⊙⊙◆

◆⊙⊙⊙◆如何让各大网站搜到你◆⊙⊙⊙◆

◆⊙⊙⊙◆香儿博客精品导航汇总◆⊙⊙⊙◆

◆⊙⊙⊙◆三十六计增加博客的点击率◆⊙⊙⊙◆