http://blog.sina.com.cn/sxzx[订阅]
字体大小: 正文
新浪博客美化代码:图片超链接代码(2006-10-02 12:21:55)
 

新浪博客美化代码:如何给你的博客加上图片超链接代码


代码:


图片超链接:<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颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备

常用颜色代码 RGB色彩对照表:

http://www2.sxzx.net/homepage/color.htm

 

文章出处:http://www.sxzx.net/News/Files/7235.html

 

特别提示:

如果你不会使用这些代码,或者不知道添加代码的方法,那么请看:

新浪博客美化代码:代码如何添加与使用

http://blog.sina.com.cn/u/4b71657f010006cw

 

  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...