天猫导航css（天猫导航条自定义）
本文目录一览：
- 1、天猫导航条背景CSS代码
- 2、淘宝店铺导航条字体怎么设置(css)? 注意 是字体 不是颜色
- 3、关于网页，关于天猫店铺的导航条CSS样式的2个小问题
- 4、求一段天猫首页导航CSS代码
- 5、天猫导航栏图片格式如何转换成CSS代码
天猫导航条背景CSS代码
style type="text/css"
.nb1{ background:url（背景图); height:71px;}
.nb1 ul{float:left; }
.nb1 ul li { float:left; margin-right:30px; list-style:none}
.nb1 ul li a { display:block; width:100px; height:71px;}
.nb1 img{ float:right; margin-right:15px;}
/style
divimg src="1.png" id="pic" width="42" height="71" style="position:absolute;z-index:2;visibility:hidden"/div
div class="48b2-4869-821d-1774 nb1""ullia首页有惊喜/a/liliaWIS品牌/a/lilia首页有惊喜/a/lilia首页有惊喜/a/lilia首页有惊喜/a/li/ulimg src="收藏店铺.jgp" //div
淘宝店铺导航条字体怎么设置(css)? 注意 是字体 不是颜色
查看店铺，右击，查看源代码，在里面找到你要改字体的标签，可以使用ctrl+f，找到后，根据class名，更改样式即可，font-family：‘宋体’。
font-family、微软雅黑，宋体，seri、解释下：这个设置的意思是，优先微软雅黑，如果没有微软雅黑就用宋体，两个都没有就用serif类字体。
导航栏CSS样式制作流程：
1、导航栏CSS样式设置，预览:导航样式是选择设置后，预览区会自动发生变化，涉及到“经过"的效果，是指鼠标放到该元素上产生的效果，需要把鼠标放设置的元素上查看设置效果。
2、颜色、点击颜色选择器，在颜色选择界面，选择你喜欢的颜色，或者设置指定的颜色(在#位置，填写颜色编号，可以指定需要的颜色。
这个需要自己提前使用PS或者其他取色软件获得需要的颜色编号)。选择了马赛克，意思是不设置，没有任何颜色。
3、图片、部分设置框里，是设置图片。首先，进入淘宝店铺图片空间，上传准备好的背景素材图片，上传完成后，复制图片地址，在图片设置框里粘贴(一定是淘宝图片空间的图片，否则不能在淘宝店铺安装导航CSS代码)。
注意，部分样式设置里，一个位置有颜色设置，同样有图片设置，任取一种必须设置一种。
4、字体、字体大小、字体名称、字体样式，根据提供的选项进行选择即可。
关于网页，关于天猫店铺的导航条CSS样式的2个小问题
1、新的背景图可能与旧的背景图大小不一样，而且以前的背景可能设置了默认的颜色。
2、上下居中：设置line-height和height，大小相同，如line-height:30px;height:30px;
求一段天猫首页导航CSS代码
#hd {
max-height: 150px;
overflow: hidden;
padding-bottom: 0px;
position: relative;
}
#hd {
background: url('about:blank') repeat scroll left 0px #000;
margin-bottom: 0px;
}
.layout:after, .main-wrap:after, .col-sub:after, .col-extra:after {
content: " ";
display: block;
height: 0px;
clear: both;
}
.layout:after {
content: " ";
display: block;
height: 0px;
clear: both;
}
.layout:after, .main-wrap:after, .col-sub:after, .col-extra:after {
content: " ";
display: block;
height: 0px;
clear: both;
}
.tb-shop .col-main {
float: left;
width: 100%;
min-height: 1px;
}
天猫导航栏图片格式如何转换成CSS代码
导航栏一般用ulli/li/ul再配合css中的float:left来做的
