养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS教程 鼠标的四种状态

时间:2024-09-23 08:19:01

本教程将介绍鼠标的四种状态

工具/原料

PhpStorm2019.3.1x64

方法/步骤

1、新建一个MouseStatus.html文件,如图所示

CSS教程 鼠标的四种状态

2、输入<!DOCTYPEhtml>作用:使用html5的标准,如图所示:

CSS教程 鼠标的四种状态

3、输入网页结构的头部和主体,设置title为:鼠标的四种状态,如图所示:

CSS教程 鼠标的四种状态

4、1)E:link(未访问的链接),代码如图所示:

CSS教程 鼠标的四种状态

5、2)E:visited(已访问的链接),代码如图所示:

CSS教程 鼠标的四种状态

6、3)E:hover(鼠标悬停状态),代码如图所示:

CSS教程 鼠标的四种状态

7、4)E:active(选定的激活状态),代码如图所示:

CSS教程 鼠标的四种状态

© 一点知识