用CSS样式表来定义博客上的链接样式

 以下是引用片段：
<style type="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:10px; top:10px; }
</STYLE>
鼠标放在链接字体上的时候，链接字体会移动，其left:10px表示字体向上移动的距离，top:10px表示字体向上移动的距离，可以根据个人爱好修改具体数值，其他的不需要改。

以下是引用片段： <style type="text/css"> a { text-decoration: none; padding-bottom: 4px; white-space: nowrap; } a:hover { background: url(背景图片地址) repeat-x 100% 100%; } </style>

鼠标放上在链接字体上的时候，链接字体出现图片背景。

以下是引用片段： <style type="text/css"> a{ text-decoration: none; white-space: nowrap; padding-bottom: 10px; } a:hover { background: url('http://blog.sina.com.cn/pic/4723cdbf020002nm') repeat-x 100% 100%; } </style>

鼠标放在链接字体上的时候，出现花朵下划线的效果。

以下是引用片段： <style type="text/css"> a { text-decoration: none; white-space: nowrap; padding-bottom: 5px; } a:hover { background: url('http://blog.sina.com.cn/pic/4723cdbf020002nn') repeat-x 100% 100%; } </style>

鼠标放在链接字体上的时候，出现滚动箭头下划线的效果。

注重：有些代码应该甚用，假如用不好反而会适得其反，影响页面美观效果！这些代码用的时候添加空白面板就行了。还有就是这些都是CSS代码，不能放在完全没有东西的空白面板里，可以把它放到已有内容的面板中。

共2页: 上一页 [1] 2 下一页

评论加载中…