CSS定义链接样式
博客专区 > pfpfpfp 的博客 > 博客详情
CSS定义链接样式
pfpfpfp 发表于3年前
CSS定义链接样式
  • 发表于 3年前
  • 阅读 17
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

定义链接样式 
  CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: 
:link 
:visited 
:hover 
:active 

:focus

  因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: 
a:link,定义正常链接的样式; 
a:visited,定义已访问过链接的样式; 
a:hover,定义鼠标悬浮在链接上时的样式; 
a:active,定义鼠标点击链接时的样式;

a:focus,定义连接处于焦点状态。即用户通过Tab轮流访问页面上的连接

改变链接文字的颜色可以在 <body> 标签里指定 link、vlink、alink 属性。link 是未访问的链接的颜色,vlink 是已访问的链接的颜色,alink 是被点击时的链接的颜色。

<body link="#0000cc" vlink="#000080" alink="#ff0000">

要单独指定链接文字的颜色,像下面这样写。

<a href="xx.html" style="color:red">XXXX</a>





  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 7
码字总数 355
×
pfpfpfp
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: