淘宝旺铺导航css代码怎么修改

关注：30 发布时间：2022-05-10 07:12:01

淘宝店铺导航是买家访问店铺的快速通道，那么我们该如何利用ccs代码做好导航的装修呢?我们先来简单了解一下ccs代码是什么吧!

一、css代码是什么?

css代码也叫层叠样式表单, 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 scroll 0 0#00ad08}

/*所有分类背景色*/

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

/*所有分类右边线*/

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

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

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

看一下效果哦!(用了红绿配，鲜明对比的颜色。让大家可以更加深刻的对比代码中的颜色，大家根据自己店铺装修风格进行颜色选择噢！)

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

淘宝旺铺导航css代码怎么修改

淘宝店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。

二、淘宝旺铺导航css代码怎么修改?

1、因为每套模板的class都不同，所以以系统模板第一套模板为例，我们以比较傻瓜的方式来diy如何用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#006205solid;}

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

.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#006205solid;}

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

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

看一下效果哦!(用了红绿配，鲜明对比的颜色。让大家可以更加深刻的对比代码中的颜色，大家根据自己店铺装修风格进行颜色选择噢！)

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

淘宝旺铺导航css代码怎么修改

猜你喜欢