CSS中link是指CSS链接,不同的链接可以有不同的样式,而链接的样式可以用任何CSS属性,其链接状态有4种,分别是:1、“a:link”;2、“a:visited”;3、“a:hover”;4、“a:active”。
本教程操作环境:windows10系统、css3,本文适用于所有品牌的电脑。
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;}
登录后复制
以上就是CSS中link什么意思的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2883879.html