雷林鹏分享:CSS 链接
不同的链接可以有不同的样式。
链接样式
链接的样式,可以用任何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 链接相关推荐
- 雷林鹏分享:CSS Id 和 Class
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标有特定 id 的 HTML 元 ...
- 雷林鹏分享:CSS 尺寸 (Dimension)
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度.同样,它允许你增加行间距. 所有CSS 尺寸 (Dimension)属性 属性描述 height设置元素的高度. line-hei ...
- 雷林鹏分享:PHP 表单验证
PHP 表单验证 在处理PHP表单时我们需要考虑安全性. 本章节我们将展示PHP表单数据安全处理,为了防止黑客及垃圾信息我们需要对表单进行数据安全验证. 在本章节介绍的HTML表单中包含以下输入字段: ...
- 雷林鹏分享:PHP 简介
PHP 是服务器端脚本语言. 您应当具备的基础知识 在继续学习之前,您需要对以下知识有基本的了解: HTML CSS 如果您希望首先学习这些项目,请在我们的 首页 访问这些教程. PHP 是什么? P ...
- 雷林鹏分享:PHP 超级全局变量
超级全局变量在PHP 4.1.0之后被启用, 是PHP系统中自带的变量,在一个脚本的全部作用域中都可用. PHP 超级全局变量 PHP中预定义了几个超级全局变量(superglobals) ,这意味着 ...
- mysql 分享_雷林鹏分享:MySQL 连接
使用mysql二进制方式连接 您可以使用MySQL二进制方式进入到mysql命令提示符下来连接MySQL数据库. 实例 以下是从命令行中连接mysql服务器的简单实例: [root@host]# my ...
- 雷林鹏分享:AJAX 简介
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX 是什么? AJAX = Asynchronous JavaScript and XML. AJAX 是一种用于创建快 ...
- 雷林鹏分享:jQuery EasyUI 数据网格 - 创建属性网格
jQuery EasyUI 数据网格 - 创建属性网格 属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组.您可以简单地创建 ...
- 雷林鹏分享:MySQL 及 SQL 注入
MySQL 及 SQL 注入 如果您通过网页获取用户输入的数据并将其插入一个MySQL数据库,那么就有可能发生SQL注入安全的问题. 本章节将为大家介绍如何防止SQL注入,并通过脚本来过滤SQL中注入 ...
最新文章
- 专访香港大学罗平:师从汤晓鸥、王晓刚,最早将深度学习应用于计算机视觉的「先行者」
- EventBus设计与实现分析——事件的发布
- tensorflow kears GPU CUDA Cudnn 各种版本问题
- Object family 在Object search中的default逻辑
- 真快!10秒内将k8s集群运行起来
- sleep() wait() yield() join()
- 652 Find Duplicate Subtrees
- Jetpack 新成员 SplashScreen:为全新的应用启动效果赋能!
- 强化学习 —— gym
- linux系统的wps办公软件,Linux学习-7:Linux环境下安装WPS办公软件
- 福建省小学四年级上册计算机知识点总结,小学四年级上册数学知识点大全【1-6单元】...
- BAT大厂面试精选的62道高频面试题【笔试+算法+代码+逻辑题等】
- Vue 获取当前日期
- 基类与派生类对象的关系 派生类的构造函数
- 例3.2、计算存款利息。有1000元,想存一年。有三种方法可选:(1)活期,年利率为r1;(2)一年期定期,年利率为r2;(3)存两次半年定期,年利率为r3。请分别计算出一年后按3种方法所得到的本息和
- 如何管理WiFi无线网络?
- 软件测试:Alpha测试与beta测试区别
- 软件-DiskSpeekUp:DiskSpeekUp(磁盘整理工具)
- 教你使用python做一段魔性的音乐
- vue3定位当前位置,获取当前位置的经纬度
热门文章
- 分布式唯一ID生成器
- pyqy5——控件2
- 高可用与负载均衡(7)之聊聊Lvs-DR+Keepalived的解决方案
- hdu 1286 找新朋友 欧拉函数模版题
- python3下的paramiko 安装
- background-attachment:fixed应用
- poj3083 Children of the Candy Corn 深搜+广搜
- Console.WriteLine在以Windows Application方式下编译会产生性能问题
- apache安全—用户登录验证
- c#怎么调用oracle存储过程,c# 调用oracle 存储过程、方法简易例子