星空网 > 软件开发 > 网页设计

css设置链接a四个状态代码实例

css设置链接<a>四个状态代码实例:
本章节介绍一下如何设置链接<a>四个状态,因为默认状态下的链接状态在实际应用中可能无法完全满足我们的需要,下面先介绍链接a有哪四个状态。
1.默认状态,也就是没有进行任何操作的状态,对应的css代码是a:link。
2.鼠标悬浮状态,也就是当鼠标放在链接上时候的状态,对应的css代码是a:hover。
3.鼠标按下状态,这个时候鼠标在连接上已经按下,但是还没有松开的状态,对应的css代码是a:active。
4.鼠标点击过的状态:也就是鼠标点击过链接并松开之后的状态,对应的css代码是:a:visited。
代码实例如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">a:link{ color:blue; text-decoration:underline;}a:visited{ color:red; text-decoration:none;}a:hover{ color:green; text-decoration:underline;}a:active{ color:yellow; text-decoration:noe;}</style></head> <body><a href="#">蚂蚁部落</a></body> </html>

在上面的代码中,设置了链接a的四个状态。
特别说明:四个链接伪类的顺序是固定的,否则可能会出现问题。

原文地址是:css设置链接<a>四个状态代码实例一章节。




原标题:css设置链接a四个状态代码实例

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Wakefit在23财年录得81.3亿卢比的收入:https://www.kjdsnews.com/a/1669666.html
世界海运要道遇堵,哪些国家的贸易影响最大?:https://www.kjdsnews.com/a/1669667.html
老外大促疯抢中国货,跨境卖家卷向源头产业带:https://www.kjdsnews.com/a/1669668.html
东南亚时尚电商Zalora率先盈利,领先竞争对手:https://www.kjdsnews.com/a/1669669.html
狂热资本冷静后,品牌出海迈向“下半场”:https://www.kjdsnews.com/a/1669670.html
FTC重拳出击,亚马逊神秘算法被终结:https://www.kjdsnews.com/a/1670636.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流