热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

CSS超链接和导航

在CSS中设置超链接样式之前我们在HTML中用标签来表示超链接通过点击跳转到另一个页面在CSS中可以通过伪类选择对超链接访问时不同状态进行设定:a:link:未被访问过的超链接样式

在CSS中设置超链接样式

 之前我们在HTML中用标签来表示超链接  通过点击跳转到另一个页面

在CSS中可以通过伪类选择对超链接访问时不同状态进行设定:

a:link:未被访问过的超链接样式

a:visited:被点击过的超链接样式

a:hover:鼠标指针经过超链接时的样式

a:active:当点击时超链接的样式

下面我们来做这张图片bubuko.com,布布扣

当鼠标移到 每个单词 或 每个单词上面的绿条 时 单词和它上面的绿条就会发光

代码如下:



















































































































































































































xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
 http-equiv="content-type" cOntent="text/html;charset=utf-8">
 
 
  
 
 
 
class="out">
  
 
    class="inner">
  
 
  •  href="#">
     
     Home
     
     
     
  •  href="#">
     
     contract Us
     
      
     
     
  •  href="#">
     
     web Dev
     
     
     
  •  href="#">
     
     web Design
     
      
     
     
  •  href="#">
     
     Map
     
      
     
      
     
      
     
      
     
     


    推荐阅读
    author-avatar
    小佡人
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有