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

淘宝导航栏分割线代码

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

阅读全文

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

热点内容
psvr升级白灯闪烁 浏览：426
ipadmini2相片密码 浏览：488
计算机大数据专业哪个大学好 浏览：204
php网站上传 浏览：840
javascript遍历对象 浏览：391
javascript替代 浏览：532
word中文字的编辑 浏览：219
c语言点名程序 浏览：372
字体下好安装在ps哪个文件里 浏览：805
网络上瓢虫是什么意思 浏览：872
光猫重置数据后有什么变化吗 浏览：161
linux下查看二进制文件 浏览：429
java面试时的项目介绍范文 浏览：120
手机系统文件夹怎么清理 浏览：680
微信小程序怎么卖商品 浏览：159
linux文件系统的结构 浏览：87
电脑里文件怎么删除文件夹在哪里 浏览：876
1602显示屏代码 浏览：834
proface密码 浏览：190
什么app帮别人买感冒药 浏览：365

友情链接