侧边导航栏的制作

这个制作只会把原理放上去，其他的比较复杂的那种可以自己摸索

直接上图

如上图所示，是某宝页面的侧边导航栏，我们现在做是不会做一模一样的，不过会做一个简洁版的

首先要放一个大的盒子<div></div>把那些东西统统放进去

里面的a是行内元素，需要把他转换成块级元素，使他可以单独占一行，并且拥有自己的高和宽

要实现鼠标放上去变色

如果要文字垂直居中，有一个小方法，让盒子的高度和行高相等

代码如下

<style>
        a{
     display: block;
           width: 230px;
           height: 40px;
           font-size: 14px;
           color: white