现螅岔出礤在网页的做的越来越成熟，各种效果让人眼花缭乱但一些基础的效果还是不变的，所以小编分享一下自己如何做悬停效果的；（代码都放在图片上了，小编偷个懒只简单说明一下）
工具/原料
电脑
SublimeText
方法/步骤
1、架构很简单就是ul里面有li；而每个li里面包含着a标签存放文字，一个span；
2、首先是ul擢爻充种的控制，position，方便控制位置，和下面子元素的位置；border-bottom，控制下面的红色分界线；padding-left，padding-right控制左右的内边距；
3、li的控制，float，控制悬浮变为一排；
4、a标签；text-decoration，控制a标签的默认下划线消失；float，方便控制位置；padding，控制a标签的间距；
5、span的控制（就是每个选项之间的间隔帧霭绎郎线）borde-left，控制左侧的边框；height，控制高度；margin-top，控制位置；float，保持和其他元素的位置；
6、a：hover属性，就是悬停在a标签上时触发的（具体的可以百度），color，控制触发时的颜色；background，添加图片，取消平铺，图片居中，控制位置；
