不同的链接可以有不同的样式。

  链接样式

  链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。

  特别的链接,可以有不同的样式,这取决于他们是什么状态。

  这四个链接状态是:

  a:link - 正常,未访问过的链接

  a:visited - 用户已访问过的链接

  a:hover - 当用户鼠标放在链接上时

  a:active - 链接被点击的那一刻

  实例

  a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */

  当设置为若干链路状态的样式,也有一些顺序规则:

  a:hover 必须跟在 a:link 和 a:visited后面

  a:active 必须跟在 a:hover后面

  常见的链接样式

  根据上述链接的颜色变化的例子,看它是在什么状态。

  让我们通过一些其他常见的方式转到链接样式:

  文本修饰

  text-decoration 属性主要用于删除链接中的下划线:

  实例

  a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;}

  背景颜色

  背景颜色属性指定链接背景色:

  实例

  a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}

  (编辑:雷林鹏 来源:网络 侵删)

转载于:https://www.cnblogs.com/pengpeng1208/p/11206931.html

雷林鹏分享:CSS 链接相关推荐

  1. 雷林鹏分享:CSS Id 和 Class

    如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标有特定 id 的 HTML 元 ...

  2. 雷林鹏分享:CSS 尺寸 (Dimension)

    CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度.同样,它允许你增加行间距. 所有CSS 尺寸 (Dimension)属性 属性描述 height设置元素的高度. line-hei ...

  3. 雷林鹏分享:PHP 表单验证

    PHP 表单验证 在处理PHP表单时我们需要考虑安全性. 本章节我们将展示PHP表单数据安全处理,为了防止黑客及垃圾信息我们需要对表单进行数据安全验证. 在本章节介绍的HTML表单中包含以下输入字段: ...

  4. 雷林鹏分享:PHP 简介

    PHP 是服务器端脚本语言. 您应当具备的基础知识 在继续学习之前,您需要对以下知识有基本的了解: HTML CSS 如果您希望首先学习这些项目,请在我们的 首页 访问这些教程. PHP 是什么? P ...

  5. 雷林鹏分享:PHP 超级全局变量

    超级全局变量在PHP 4.1.0之后被启用, 是PHP系统中自带的变量,在一个脚本的全部作用域中都可用. PHP 超级全局变量 PHP中预定义了几个超级全局变量(superglobals) ,这意味着 ...

  6. mysql 分享_雷林鹏分享:MySQL 连接

    使用mysql二进制方式连接 您可以使用MySQL二进制方式进入到mysql命令提示符下来连接MySQL数据库. 实例 以下是从命令行中连接mysql服务器的简单实例: [root@host]# my ...

  7. 雷林鹏分享:AJAX 简介

    AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX 是什么? AJAX = Asynchronous JavaScript and XML. AJAX 是一种用于创建快 ...

  8. 雷林鹏分享:jQuery EasyUI 数据网格 - 创建属性网格

    jQuery EasyUI 数据网格 - 创建属性网格 属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组.您可以简单地创建 ...

  9. 雷林鹏分享:MySQL 及 SQL 注入

    MySQL 及 SQL 注入 如果您通过网页获取用户输入的数据并将其插入一个MySQL数据库,那么就有可能发生SQL注入安全的问题. 本章节将为大家介绍如何防止SQL注入,并通过脚本来过滤SQL中注入 ...

最新文章

  1. 专访香港大学罗平:师从汤晓鸥、王晓刚,最早将深度学习应用于计算机视觉的「先行者」
  2. EventBus设计与实现分析——事件的发布
  3. tensorflow kears GPU CUDA Cudnn 各种版本问题
  4. Object family 在Object search中的default逻辑
  5. 真快!10秒内将k8s集群运行起来
  6. sleep() wait() yield() join()
  7. 652 Find Duplicate Subtrees
  8. Jetpack 新成员 SplashScreen:为全新的应用启动效果赋能!
  9. 强化学习 —— gym
  10. linux系统的wps办公软件,Linux学习-7:Linux环境下安装WPS办公软件
  11. 福建省小学四年级上册计算机知识点总结,小学四年级上册数学知识点大全【1-6单元】...
  12. BAT大厂面试精选的62道高频面试题【笔试+算法+代码+逻辑题等】
  13. Vue 获取当前日期
  14. 基类与派生类对象的关系 派生类的构造函数
  15. 例3.2、计算存款利息。有1000元,想存一年。有三种方法可选:(1)活期,年利率为r1;(2)一年期定期,年利率为r2;(3)存两次半年定期,年利率为r3。请分别计算出一年后按3种方法所得到的本息和
  16. 如何管理WiFi无线网络?
  17. 软件测试:Alpha测试与beta测试区别
  18. 软件-DiskSpeekUp:DiskSpeekUp(磁盘整理工具)
  19. 教你使用python做一段魔性的音乐
  20. vue3定位当前位置,获取当前位置的经纬度

热门文章

  1. 分布式唯一ID生成器
  2. pyqy5——控件2
  3. 高可用与负载均衡(7)之聊聊Lvs-DR+Keepalived的解决方案
  4. hdu 1286 找新朋友 欧拉函数模版题
  5. python3下的paramiko 安装
  6. background-attachment:fixed应用
  7. poj3083 Children of the Candy Corn 深搜+广搜
  8. Console.WriteLine在以Windows Application方式下编译会产生性能问题
  9. apache安全—用户登录验证
  10. c#怎么调用oracle存储过程,c# 调用oracle 存储过程、方法简易例子