原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
淘宝新2012旺铺店铺装修导航css设置教程整个淘宝页面 样式和背景颜色设置
在 左侧装修 下面可看到
在装修样式中可选。自己喜欢的样式和背景颜色
所有页面都可以设置
导航颜色设置
以下文字内容可以一同复制使用，不会影响到使用效果哦！
/* 导航条背景色*/
.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}
/*所有分类背景色*/
.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}
看一下效果哦！【用了红绿配，赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】
红#FF0000 绿#00FF00 蓝#0000FF 橙色 #FF7f00 黑#000000 白#FFFFFF
其他可在DREAMWEAVER 中查看。颜色器
【设置导航文字的背景， 因为系统中默认有很多地方有背景，所以这个地方需要覆盖完全】
.tshop-pbsm-shop-nav-ch .link{
background-color: #F37C06;
background-image: none;
}
【设置文字颜色】
.tshop-pbsm-shop-nav-ch .title{
color: white;
}
tshop-pbsm-shop-nav-ch 和 .title, .link…. 这些就是css的选择器，代表我想把哪个背景色或者文字颜色应用在哪个元素上面。看看效果：
几行CSS，你的导航就是另外一种风格了。
但这个时候，我想让“所有分类有不同的展现，来突出这个地方，吸引下买家，
.tshop-pbsm-shop-nav-ch .all-cats-trigger .title{
font-family:微软雅黑;
font-size:16px;
color:black;
}
我把字体调整的大一点，然后设置成黑色了。
其他的区域可参看。淘宝官方教程
文档评论（0）