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，添加图片，取消平铺，图片居中，控制位置；
