style方式修改超链接颜色

jackxiang 2009-12-18 12:25 | |



text-decoration:none 没有下划线.  
  color 字体颜色.  
  font-size 字体大小  
  background-color 字体的背影颜色。  
  链接文字的变化,就是初始状态和激发状态的颜色变化。  
  将如下的代码,插入<head></head>就可以啦  
  <style type="text/css">  
  a {text-decoration:none; color:#000000; font-size:14px;}  
  a:hover {text-decoration:none;color:#ff0000; font-size:14px}  
  </style>  

a: link 设置 a 对象在未被访问前的样式。
a: hover 设置对象在其鼠标悬停时的样式。
a: active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
a: visited 设置 a 对象在其链接地址已被访问过时的样式

<style>
a:link {color: #FF0000} /* 未被访问的链接 */
a:visited {color: #00FF00} /* 已被访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
</style>

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:https://jackxiang.com/post/2348/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2012-7-26 16:42
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]