超级链接的CSS定义

编辑:祝先生

在网页设计中,CSS的定义是一个非常重要的环节,而在CSS定义中,其中有一项超级链接的CSS定义,多数人喜欢草率定义,而一些人根本不知道它们存在的含意,下面就来说说超级链接中的CSS定义和说明。

  1. a:link {color: #FF0000}    
  2. a:visited {color: #00FF00}   
  3. a:hover {color: #FF00FF}     
  4. a:active {color: #0000FF}   

相对应的解释:

  1. a:link {color: #FF0000}    /*表示未访问的链接 */ 
  2. a:visited {color: #00FF00} /* 表示已访问的链接 */ 
  3. a:hover {color: #FF00FF}   /*表示当有鼠标悬停在链接上 */ 
  4. a:active {color: #0000FF}  /* 表示被选择的链接 */ 

注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!

注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!

对DIV中的文字超级链接是这样定义的:如DIV的ID为_1,那么对它的超级链接定义就是在超级链接的CSS定义前加上该DIV的ID,样式:

  1. <style type="text/css"> 
  2. <!-- 
  3. #_1 a:link { 
  4. color: #FF0000; 
  5. --> 
  6. </style> 

 

文章来源:http://www.zhu-sir.com/jiaocheng/29.html
百度搜索本文
谷歌搜索本文
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!