热门标签 | 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
     
      
     
      
     
      
     
      
     
     


    推荐阅读
    • 本文详细介绍超文本标记语言(HTML)的基本概念与语法结构。HTML是构建网页的核心语言,通过标记标签描述页面内容,帮助开发者创建结构化、语义化的Web页面。 ... [详细]
    • Startup 类配置服务和应用的请求管道。Startup类ASP.NETCore应用使用 Startup 类,按照约定命名为 Startup。 Startup 类:可选择性地包括 ... [详细]
    • 本文将介绍网易NEC CSS框架的规范及其在实际项目中的应用。通过详细解析其分类和命名规则,探讨如何编写高效、可维护的CSS代码,并分享一些实用的学习心得。 ... [详细]
    • 本文详细介绍了中央电视台电影频道的节目预告,并通过专业工具分析了其加载方式,确保用户能够获取最准确的电视节目信息。 ... [详细]
    • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
      在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
    • 本文详细介绍了Git分布式版本控制系统中远程仓库的概念和操作方法。通过具体案例,帮助读者更好地理解和掌握如何高效管理代码库。 ... [详细]
    • 本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率,使用经典的EK(Edmonds-Karp)和Dinic算法进行求解。 ... [详细]
    • 落樱3D v0.5是一款在Android平台上发布的3D美少女格斗游戏,本次更新带来了多项新功能和优化。 ... [详细]
    • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
    • TechStride 网站
      TechStride 成立于2014年初,致力于互联网前沿技术、产品创意及创业内容的聚合、搜索、学习与展示。我们旨在为互联网从业者提供更高效的新技术搜索、学习、分享和产品推广平台。 ... [详细]
    • 本文将带领读者深入了解Android系统源码在手机中的实际表现,通过详细的步骤和专业的解释,帮助你更好地理解Android系统的底层运作机制。 ... [详细]
    • 通过Web界面管理Linux日志的解决方案
      本指南介绍了一种利用rsyslog、MariaDB和LogAnalyzer搭建集中式日志管理平台的方法,使用户可以通过Web界面查看和分析Linux系统的日志记录。此方案不仅适用于服务器环境,还提供了详细的步骤来确保系统的稳定性和安全性。 ... [详细]
    • 本文详细探讨了 Django 的 ORM(对象关系映射)机制,重点介绍了其如何通过 Python 元类技术实现数据库表与 Python 类的映射。此外,文章还分析了 Django 中各种字段类型的继承结构及其与数据库数据类型的对应关系。 ... [详细]
    • Struts与Spring框架的集成指南
      本文详细介绍了如何将Struts和Spring两个流行的Java Web开发框架进行整合,涵盖从环境配置到代码实现的具体步骤。 ... [详细]
    • 本文介绍了多个关于JavaScript的书籍资源、实用工具和编程实例,涵盖从入门到进阶的各个阶段,帮助读者全面提升JavaScript编程能力。 ... [详细]
    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社区 版权所有