教程集 www.jiaochengji.com
教程集 >  CSS教程  >  正文 用CSS样式表来定义博客上的链接样式

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

发布时间:2019-11-04   编辑:jiaochengji.com
教程集为您提供用CSS样式表来定义博客上的链接样式等资源,欢迎您收藏本站,我们将为您提供最新的用CSS样式表来定义博客上的链接样式资源

<style type="text/css">
A { text-decoration: NONE; color:#51bfe0}
A:hover {font-weight: bold;color:#990099}
<style>
鼠标放在链接字体上的时候,链接字体变粗,颜色改变,如本博客上的样子。其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改。
<style type="text/css">
a{text-decoration:none; color:#51bfe0}
A:hover{font-size:23; background:#ffd306; color:#990099}
</style>
 鼠标鼠标放在链接字体上的时候,链接字体大小改变,颜色改变,有背景颜色。font-size:23表示字体大小;background:#ffd306表示背景颜色color:#990099表示字体颜色,可以根据个人爱好修改,其他的不需要改。
<style type="text/css">
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
</style>
 
去掉链接字体的下划线。
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
<style type="text/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> 

您可能感兴趣的文章:
用CSS样式表来定义博客上的链接样式
CSS入门:如何在网页中插入CSS
高效率使用CSS样式表的八则技巧
CSS样式表应用技巧两则
javascript 获取元素样式技巧分析
新站怎么样快速提升pr值
怎么利用博客站群来做SEO优化
让网站链接样式千奇百怪
CSS简单笔记
jQuery 改变CSS样式基础代码

[关闭]
~ ~