CSS样式鼠标点击与经过的效果一样

1.创建一个新的HTML文件,文件名为test.html,标题为“当鼠标悬停在导航超链接上时实现CSS下划线效果”。

2.在页面上写一个导航标签,放入三个超链接(首页、第一栏、第二栏),代码如下:

3.运行代码,效果如下:

4.用CSS美化导航线的字体大小、颜色、排列等效果如下:可见,用CSS样式美化后,鼠标悬停在上面时会呈现蓝色。

6.使用CSS编写代码,实现鼠标经过时显示下划线效果,代码如下:

7.想要的效果。