图片超链接常用代码
(2010-08-28 21:10:03)
标签:
常用代码it |
分类: 博客通用代码 |
图片超链接:
<a
文字超链接:
<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颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码
(记住:所有的代码发在日志上是不可以的!一定要在发表日志下面点一下下
面那个
<代码>
然后再进行写文章等操作)
一、在摘要中插入图片:
1、不带链接的图片:
<IMG src="图片地址">
2、带链接的图片:
<TABLE cellSpacing=0 width=400 border=0><TBODY><TR>
<TD width=219><A href="文章地址" target=_blank><IMG alt="点击图片查看全文" src="图片地址" border=0></A></TD>
<TD width=177><P> </P>
<P> </P></TD></TR></TBODY></TABLE>
3、带链接、带说明文字的图片:
<TABLE cellSpacing=0 width=600 border=0>
<TBODY><TR>
<TD width=300><A href="http://www.sunmood.com/ewebeditor/文章地址" target=_blank><IMG alt="点击图片查看详 细" src="http://www.sunmood.com/ewebeditor/图片地址" border=0></A></TD>
<TD width=217>
<P>说明文字</P>
<P>说明文字<BR></P>
<P><点击图片看详细></P></TD></TR></TBODY></TABLE><BR>
<a href="网址"></a>
<description><div> <a href="网址同上">
<img src="图片地址" border="0" width="240" height="159"/> </a>
5、带链接的图片:
</a> <a target="cont" href="地址"><img src="图片地址" width="100"
height="100" border="0"></a>
1、<a href="所要连接的相关地址">写上你想写的字</a>
2、<b><a href="连接地址" target=_blank><font color=red>写上说明文字</font></a></b><br>
1、<img height="260" src="图片地址" width="180" border="0" />

加载中…