导航:首页 > 编程语言 > 淘宝导航栏分割线代码

淘宝导航栏分割线代码

 发布时间：2024-05-18 16:39:34

A. 怎么让淘宝店铺导航下面有一条线，加什么css代码

亲， 11月1号，淘宝开通了新版描述页， 在这个版本下， 是跟你这个效果不同的。

真正的效果如下：

这里呢， 有两条线， 上面红色的一条线， 是淘宝自动添加的。 所有店都会有。

下面的蓝色的线，是我自已加的。

加的方法如下：


  1. 设置文档头背景图片， 背景图片的最上方， 做出1PX或2PX的蓝色线条， 淘宝装修后台，设置水平平铺。

  2. 在头部设置DIV的上边框，我的这个蓝线是2PX，高度为120PX。

  3. 具体CSS代码为<div style="height:120px;border-top:1px solid #00f;">这里面是具体的代码，或者文字。</div>

B. 怎么在CSS里设置导航的分割线

设置分割线在我多个的经验施行后，没有一成不变通用的方法，得根据要求采用最适合的。

1、使用字符“|”，适合导航栏间距不一致时，也就是不适合你。

2、采用背景方式，背景图片即是那条间隔线，需要形成jpg、gif、png格式的小图片，在背景里设置居左，并控制一下垂直位移，这样就会出现你第一张图的要求。

3、但最后一项可能会出现没有间隔线的情况，那么就多添加一个空的li或a，这样就多出来一个间隔线，好看。


具体细节需要把握，代码举例：

xlMenua{background:url(menuLine.gif)no-repeat;display:block;width:77px;text-align:center;float:left;}
	.xlMenua.first{width:43px;background:none;text-align:left;}

效果：

很小很小的一条线。。。

C. 杩欑嶇綉椤靛艰埅鏍忥紝鏍忕洰涓闂存湁鈥滀辅鈥濆垎鍓茬嚎锛屽備綍鍦╤tml閲屽疄鐜帮紵锛圖IV+CSS甯冨眬闂棰橈級

鍩烘湰灏辨槸杩欎箞骞茬殑锛佷綘闃斾互鍙傝冧竴涓嬶紒

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>test</title>
<styletype="text/css">
ol,ul{
list-style:none;
}
#main{
margin:20pxauto;
width:800px;
height:40px;
background:blue;
}
#mainli{
width:100px;
height:20px;
font-weight:600;
color:#FFFFFF;
border-right:1pxsolid#ffffff;
text-align:center;
line-height:20px;
margin-top:10px;
margin-right:5px;
float:left;
}
</style>
</head>

<body>
<ulid="main">
<li>棣栭〉</li>
<li>鏂伴椈涓蹇</li>
<li>浼佷笟绠浠</li>
<li>鏂伴椈涓蹇</li>
<li>浼佷笟绠浠</li>
</ul>
</body>
</html>

D. 淘宝导航条的黑线怎么去掉

分割线没办法去除，不过可以改变颜色，改成和导航条一样的颜色 效果也一样

1、一级导航分类（除去“所有宝贝”分类）分隔线颜色代码如下：代码前面还有个小点点哦 别漏掉了

.menu-list .menu{border-color:#000000;}

阅读全文

与淘宝导航栏分割线代码相关的资料

热点内容
压缩文件记录 浏览：967
网上招聘找工作去哪个网站 浏览：276
ps生成文件怎么打开 浏览：631
文档过期文件如何找回 浏览：968
daf是什么文件 浏览：851
云闪付可以适用于哪些app 浏览：210
jsp循环输出44的表格 浏览：772
win10有哪些必装软件 浏览：151
xml文件打开是空白 浏览：79
snifferpro使用教程 浏览：391
各部门统计数据要统一该怎么表达 浏览：405
bat文件名汇总到excel 浏览：220
如何使用机器语言去编程 浏览：244
审计要学哪些编程帮助工作 浏览：988
qq账号注销要去哪个网站 浏览：337
安装在手机里的app怎么分解 浏览：865
新主板做xp系统教程 浏览：751
linux访问php文件 浏览：58
光驱数据线连接在主板哪里 浏览：577
85版本怎么样赚钱快 浏览：14

友情链接