淘宝导航栏CSS代码怎么写淘宝导航栏颜色怎么改

淘宝导航栏CSS代码怎么写

说到淘宝导航栏的CSS代码，其实挺简单的，首先你得搞清楚a标签的各种样式设置，比如说：

a { color: #000000; } 这是默认的链接字体颜色，写成黑色，显得清爽干净。
a:hover { color: #fff; background: #000; } 鼠标一悬停，字体变白，背景变黑，哇，简直酷毙了。
另外，a标签还有各种状态，比如未访问a:link{}，已访问a:visited{}，还有悬停时a:hover{}，这些你都可以自己定义，满足个性化需求。

对了，你还可以用CSS3玩些小花样，比如给导航按钮做个倾斜效果（用transform: skew(-20deg)），虽然IE9以下支持不理想，但用火狐啥的，效果贼棒！

再举个简单例子，让字体更美观点：

font-family: Microsoft Yahei, Arial, Helv, Helvetica, sans-serif;
word-spacing: 1em;

这样字体就会更清晰，也能调节字间距，给整个导航栏增添不少舒适度。

淘宝导航栏颜色怎么改淘宝导航栏如何在线生成代码

你是不是超级想让自己的淘宝导航颜色亮眼，别担心，操作起来贼简单，下面分几点给你讲清楚：

直接通过淘宝后台改颜色
- 登录淘宝卖家中心（https://seller.taobao.com），用你的账号一登录。
- 找到“店铺管理”里的“店铺页面设置”，点进去。
- 选择导航栏设置，就能改颜色啦，比如背景色、字体色啥的，统统能调整。
用淘宝专业版旺铺代码在线生成工具
其实淘宝官方给了个超方便的工具，操作超直观，完全不用你懂代码。
- 只要根据你的喜好，选颜色啦，字体啦，布局啦，点击几下，代码就自动帮你生成了。
- 这样就算你是小白，也能轻松搞定超级复杂的CSS代码，超级推荐！
手动拷贝粘贴代码也OK
如果你喜欢DIY，网上有不少淘宝导航CSS代码片，比如下面这段：

.box {
  background-color: #C9CEC8;
  width: 420px;
  height: 50px;
  margin: 0 auto;
  border-top: 2px solid #353736;
}
.content {
  height: 32px;
  background-color: #606F76;
  border: 1px solid #7697AA;
}
.content span {
  margin-right: 18px;
  color: white;
  float: left;
  display: block;
  line-height: 30px;
}