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

淘宝导航栏分割线代码

 发布时间：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;}

阅读全文

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

热点内容
如何把编程文件转为hex 浏览：80
清除苹果地图来自地址 浏览：233
已经打开的文件如何清理 浏览：685
视频网站有什么用 浏览：70
多个表格文件怎样压缩文件 浏览：729
cad文件大很卡如何解决 浏览：633
将java程序打包成apk 浏览：277
2021唱吧文件找不到了 浏览：463
华为p9手机文件管理 浏览：284
固定在工具栏的文件夹怎么查找路径 浏览：667
半条命2有几个版本 浏览：333
电脑管家微信备份文件夹 浏览：826
ubuntu文件夹解锁 浏览：34
网站多少钱一单 浏览：382
系统镜像恢复找不到文件 浏览：255
进什么网站 浏览：588
修改了配置文件代码没有读出来 浏览：749
vss数据库是什么 浏览：899
奇迹13单机系统找不到指定文件 浏览：719
flyme魅蓝3以前的版本 浏览：318

友情链接