CSS实现鼠标经过导航的超链接时显示下划线效果
CSS本家儿要用于结构网页，可以实现良多标致的结果，下面以导航为例，介绍操纵CSS实现鼠标颠末超链接时显示下划线结果。
方式/步调
- 1
新建一个HTML文件，文件名为test.html，title题目为"CSS实现鼠标颠末导航的超链接时显示下划线结果"。
- 2
在页面编写nav标签，在里面放三个超链接(首页、栏目一、栏目二)，代码如下：
- 3
运行代码，结果如下：
- 4
利用css对导航的字体的字体巨细、颜色、摆列体例等进行美化，代码如下：
- 5
运行代码，结果如下：
可见，颠末CSS样式美化，鼠标颠末的时辰，显示蓝色。
- 6
操纵CSS编写代码，实现鼠标颠末时显示下划线结果，代码如下：
- 7
在浏览器运行代码，实现了想要的结果
- 发表于 2019-06-04 17:02
- 阅读 ( 1562 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章