如何修改淘宝旺铺导航的 CSS 代码？

如何修改淘宝旺铺导航 CSS 代码？在进行导航装修时，常常会用到 CSS 代码，但很多卖家并不清楚淘宝旺铺导航 CSS 代码该如何使用和修改。今天，装修宅就来为大家讲讲淘宝旺铺导航 CSS 代码的相关内容。

淘宝店铺导航是买家访问店铺的快速通道，那我们要怎样利用 CSS 代码做好导航装修呢？我们先来简单了解一下 CSS 代码是什么。

一、CSS 代码是什么？

CSS 代码也叫层叠样式表单，是一种用于（增强）控制网页样式，并允许将样式信息与网页内容分离的标记性语言。

淘宝店铺导航开放了 CSS 设定，这意味着卖家可以通过 CSS 让导航的展现更加丰富和自定义，将控制权交给了卖家。

二、淘宝旺铺导航 CSS 代码怎么修改？

1、由于每套模板的 CLASS 都不同，所以我们以系统模板的第一套模板为例，用最简便的方式来教大家如何用 CSS 修改导航条颜色。

2、点击导航右侧的“编辑”字样。

3、点开显示设置，我们的 CSS 代码就要写在这里。

以下文字内容可一同复制使用，不会影响使用效果！

颜色标注对应图片中，绿色区域对应换绿色，红色文字区域对应换红色。千万别写错，不然就麻烦了。

/* 导航条背景色*/

.skin-box-bd{background:none repeat scroll 0 0 #00ad08;}

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*首页/店铺动态背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

/*首页/店铺动态右边线*/

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*首页/店铺动态文字颜色*/

.skin-box-bd .menu-list .menu .title{color:#ff0000;background: none repeat scroll 0 0 #00ad08}

/*所有分类背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

/*所有分类右边线*/

.all-cats .link{border-right:1px #006205 solid;}

/*所有分类文字颜色*/

.skin-box-bd .all-cats .title{color:#ff0000}

看看效果！（这里用了红绿配这种鲜明对比的颜色，是为了让大家能更深刻地对比代码中的颜色，大家可根据自己店铺的装修风格来选择颜色哦！）

关于淘宝旺铺导航 CSS 代码怎么修改就讲到这里了，更多关于淘宝店铺装修的内容可以访问装修宅。

推荐阅读：淘宝旺铺基础版店招设置教程

查看更多相似文章