body {
background:#fff
}
ul,li {
margin:0
padding:0
list-style:none
}
h3 {
text-align:center
}
#nav {
font-size:12px
color:#999
}
#nav > ul > li {
height:auto
padding:4px 0
text-align:center
width:120px
border:1px solid #eee
background-color:#fafafa
cursor:pointer
position:relative
float:left
margin:10px
}
#nav > ul > li:hover {
border:1px solid #9CDD75
background-color:#F1FBEC
border-bottom:none
color:#666
}
#nav > ul > li > ul {
width:120px
background-color:#F1FBEC
position:absolute
top:20px
left:-1px
border:1px solid #9CDD75
border-top:none
display:none
}
#nav > ul > li > ul li {
height:auto
padding:4px 0
}
#nav > ul li:hover > ul {
display:block
}
#nav > ul > li > ul li a {
color:#333
text-decoration:none
width:100px
padding:4px 0
display:inline-block
}
#nav > ul > li > ul li a:hover {
background:lightgreen
font-weight:bold
}
</style>
<body>
<div id="nav">
<ul>
<li>我的首页
<ul>
<li><a href="#">我的Png</a></li>
<li><a href="#">我的Gif</a></li>
<li><a href="#">我的酷站</a></li>
<li><a href="#">我的日志</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">我的收藏</a></li>
</ul>
</li>
<li>公司介绍
<ul>
<li><a href="#">公司概况</a></li>
<li><a href="#">公司日志</a></li>
<li><a href="#">公司图片</a></li>
</ul>
</li>
<li>我的首页
<ul>
<li><a href="#">我的Png</a></li>
<li><a href="#">我的Gif</a></li>
<li><a href="#">我的酷站</a></li>
<li><a href="#">我的日志</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">我的收藏</a></li>
</ul>
</li>
<li>我的首页
<ul>
<li><a href="#">我的Png</a></li>
<li><a href="#">我的Gif</a></li>
<li><a href="#">我的酷站</a></li>
<li><a href="#">我的日志</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">我的收藏</a></li>
</ul>
</li>
</ul>
</div>
</body>
纯CSS控制的，你试一下，把Style放在<head></head>里面
楼主您好，我调试过，你也试试。你懂CSS，我还是按照步骤一步一步来。以便不懂CSS也可以学习下。
第一步，进入店铺装修点编辑：
第二步，点显示设置：
第三步，将显示代码放进去，这个是我们团队的代码：
第四，依您的背景颜色和文本变粗，代码如下：
.all-cats .link{background:none repeat scroll 0 0 #FF0000}.skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}
特别说明一下：.all-cats .link{background:none repeat scroll 0 0 #FF0000}.这段代码是控制“所有分类”的背景，我设置的是红色，颜色代码为#FF0000；
skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}这段代码是控制字体顺序依次是“所有分类”文字的大小，是否加粗，文字的颜色。
您试试。
第五，拓展一下所有分类类目下的子类目如何实现控制。
您可以在这里再进一步深入研究一下。
最后，给个建议，就是利用谷歌浏览器，鼠标点右键，有一项是“审查元素”，可以查看代码，慢慢调试。
问题一：淘宝店铺的导航条怎么添加栏目怎么修改 点击【卖家中心】-【店铺装修】，进入旺铺装修后台，点击”页面装修“下的【页面管理】，点击【新建页面】，创建自定义页面。自定义页面创建成功后，点击导航栏右上角的【编辑】后点击右下角的【添加】，选择【页面】，勾选已经创建的自定义页面，点击【确定】就可以了。
问题二：淘宝店铺怎么设置导航栏，可以自己设置导航栏的内容？ 二、 插入公告栏挂饰代码：
注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
给你点示福利不让你白送分
问题三：教新手怎样设置淘宝店铺导航条 可以利用网上免费资源，找到导航代码直接复制。稍微加以修改导航图片，方法：卖家中心――店铺装修――导航编辑――显示设置，然后输入代码即可。
购买店铺模板，导航条自动就会套用模板。导航设置可以通过添加自定义链接来实现。
问题四：淘宝手机端底部的导航栏怎么设置 10分 应该还是导航的
问题五：如何改变淘宝导航条各项的宽度？ 20分 默认宽度是950，是不可以修改的，你所看到的全屏的导航条，其实是通过页头背景图片来填补的。
做一张长度为1920的图片，图片的最下面30像素做成你导航栏的颜色，然后打开“店铺装修”点左上方有个橙色的“装修” 点击他 然后点击样式编辑 再点左侧的“背景设置”这时就能看到有个背景图片了，点击“上传图片”把你的图片传上去就能看到全屏导航栏了。
问题六：淘宝导航条的全部分类怎么制作？链接怎么弄？ 10分 1、首先打开Dreamweaver，新建HTML文件。
2、点击上方的插入，选择表格 。
3、设定表格大小 格式 创建表格。
4、点击表格，表格中出现闪烁的光标。
5、淘宝店铺导航条制作选择插入图像。
6、将图像的地址从本地电脑地址改为网络储存地址。
7、替换文本这步不需要填写，直接点确定就可以了 淘宝店铺导航条制作。
8、依次插入需要插入的导航条分类图片。
9、插入图片完毕，开设置图片超链接地址。
10、超链接的填写方法 淘宝店铺导航条制作。
问题七：淘宝装修怎么去掉或隐藏导航条 可以用代码去掉的，代码如下：.skin-box-bd .menu-list{display:none}.all-cats{display:none}.skin-box-bd{background:none}。
问题八：淘宝旺铺装修导航条左侧下拉菜单如何设置css代码 楼主您好，我调试过，你也试试。你懂CSS，我还是按照步骤一步一步来。以便不懂CSS也可以学习下。
第一步，进入店铺装修点编辑：
第二步，点显示设置：
第三步，将显示代码放进去，这个是我们团队的代码：
第四，依您的背景颜色和文本变粗，代码如下：
.all-cats .link{background:none repeat scroll 0 0 #FF0000}.skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}
特别说明一下：.all-cats .link{background:none repeat scroll 0 0 #FF0000}.这段代码是控制“所有分类”的背景，我设置的是红色，颜色代码为#FF0000；
skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}这段代码是控制字体顺序依次是“所有分类”文字的大小，是否加粗，文字的颜色。
您试试。
第五，拓展一下所有分类类目下的子类目如何实现控制。
您可以在这里再进一步深入研究一下。
最后，给个建议，就是利用谷歌浏览器，鼠标点右键，有一项是“审查元素”，可以查看代码，慢慢调试。
问题九：淘宝店铺导航怎么设置“所有分类”？ 淘宝旺铺基础班和专业版默认最左边就是“所有分类”。
无论你做什么样的店招，这个导航是盖不住的，我的就是，你看下
问题十：淘宝导航条里面的链接怎么设置？ 你可以在“宝贝分类”里面创建一个“打折促销”栏，保存设置后点击首页，在在类目栏里面点击“打折促销”栏，然后在IE地址然复制下地址，然后黏贴到“购买的模板里面要设置打折促销栏里面的链接地址”。就OK了！
