1、新建一个HTML文件，文件名为test.html，title标题为"CSS实现鼠标经过导航的超链接时显示下划线效果"。
2、在页面编写nav标签，在里面放三个超链接(首页、栏目一、栏目二)，代码如下：
3、运行代码，效果如下：
4、使用css对导航的字体的字体大小、颜色、排列方式等进行美化，代码如下：
5、运行代码，效果如下：可见，经过CSS样式美化，鼠标经过的时候，显示蓝色。
6、利用CSS编写代码，实现鼠标经过时显示下划线效果，代码如下：
7、在浏览器运行代码，实现了想要的效果。
最近在做uniapp项目，无奈小程序上对于vue的支持很有限，很多优秀的前端框架在小程序环境下都不能生效，点击效果这一块一直没时间整理，现在弄了一个凑合着还能看的效果分享一下
还有一个稍微复杂点的版本，这个需要全局注册才行
首先定位div盒子的位子，然后display:none隐藏起来，然后图片调用onclik方法，即在img标签上写<img onclick="$('.div').show()">这样就可以了。注意:$(".div")中间的.div就是你要出现的那个盒子，选择他的class，或者给他个id，表示选择TA。
