淘宝导航条样式修改定制

淘宝导航条样式修改定制

我们在使用淘宝店铺发布商品的时候往往都会对淘宝进行装修，尤其是淘宝的导航条看着实在是......所以一般我们都会对淘宝的导航条进行自定义。

登录到卖家中心后台，选择“店铺装修”

进入店铺装修模式，我们就可以鼠标点击到导航条上就可以显示出编辑，点击进入编辑状态即可

在编辑状态下，我们选择“显示设置”，这样我们就可以在这个文本框中编辑CSS样式

接下来就是编写CSS代码

1.首先把导航背景设置成蓝色

.skin-box-bd{background:#3487ED;}

2.导航字体设置成幼圆，颜色白色

.skin-box-bd .link{color:#FFF;font-family:"幼圆";}

3. 选中后字体的颜色

.menu-list .menu .link .title{color:#EEE;}

4.鼠标移动到导航条的样式

.menu-list .menu-hover .link{background:#5AB4E8;}

5.选中后高亮的样式

.skin-box-bd .menu-list .menu-selected .link{background:blue;}