導航:首頁 > 編程語言 > 淘寶導航欄分割線代碼

淘寶導航欄分割線代碼

 發布時間：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;}

閱讀全文

與淘寶導航欄分割線代碼相關的資料

熱點內容
手機無線密碼怎麼查看 瀏覽：821
如何刪除己下載未安裝的文件 瀏覽：806
招商銀行app怎麼登陸二類卡 瀏覽：508
谷歌瀏覽器的debug調試工具 瀏覽：163
哪個數控編程是免費的 瀏覽：368
蘋果7plus玫瑰金報價 瀏覽：800
杭州自行車系統微信號 瀏覽：352
網路語偷豬是什麼意思 瀏覽：309
三星i9300線刷教程圖解 瀏覽：248
編程競賽特訓哪裡好 瀏覽：28
提取驅動文件 瀏覽：102
如何壓縮wps文件 瀏覽：314
ps轉ico文件 瀏覽：303
無編程計算器是指哪些 瀏覽：852
jquery伺服器返回json數據格式 瀏覽：375
pl0編譯程序文本c版本 瀏覽：687
cocos2djs開發 瀏覽：124
怎麼取消蘋果電腦密碼怎麼設置 瀏覽：950
word2013序列號 瀏覽：462
fu是什麼海淘網站 瀏覽：620

友情鏈接