高手可能用的熟练点,代码漂亮点。非高手就代码乱点,实现的手法糙一点,其实没有本质区别,就和开发程序一样,效果一样,手法多样。
有一个学CSS的个人经验,不要用软件实现,而是用手写代码来做,另外把新浪首页的CSS自己分析一遍,就可速成。
1、新建一个HTML文件,文件名为test.html,title标题为"CSS实现鼠标经过导航的超链接时显示下划线效果"。
2、在页面编写nav标签,在里面放三个超链接(首页、栏目一、栏目二),代码如下:
3、运行代码,效果如下:
4、使用css对导航的字体的字体大小、颜色、排列方式等进行美化,代码如下:
5、运行代码,效果如下:可见,经过CSS样式美化,鼠标经过的时候,显示蓝色。
6、利用CSS编写代码,实现鼠标经过时显示下划线效果,代码如下:
7、在浏览器运行代码,实现了想要的效果。