一、属性的认识
:link 表示鼠标点击之前,也称积累作文为原始状态;
:visited 表示鼠标点击之后状态;
:hover 表示鼠标悬停状态;
:active 表示鼠标点击状态;
l-v-h-a lv爱 ha恨
二、例子
<style> div { width: 100%; } a { text-decoration: none; display: block; width: 20%; margin: auto; font-size: 30px; } a:link { color: red; } a:visited { color: black; } a:hover { color: green; 李迪 paganini rocks } 公务员考试常识判断 a:active { color: blue; } </style></head><body> <div> 引经据典什么意思 <a href="/d/file/titlepic/" target="_blank">百度一下</a> </div></body>
运行结果是:
1、初始,未访问状态
2、鼠标悬停时状态
3、点击是状态
4、点击之后状态
三、注意:有些浏览器,我们是访问过的,所以:link设置的状态是看不到的,要想看到的话,需要清除浏览器的缓存记录。
本文发布于:2023-04-07 05:35:13,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/fc4a11ed2e5ebe5ff7e0260f46b9e33f.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:伪类之爱恨原则.doc
本文 PDF 下载地址:伪类之爱恨原则.pdf
留言与评论(共有 0 条评论) |