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

淘寶導航欄分割線代碼

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

閱讀全文

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

熱點內容
系統軟體處理數據有哪些好處 瀏覽：706
flash資料庫動態開發專業教程下載 瀏覽：874
u盤文件被鎖怎麼消除 瀏覽：39
前三季度gdp數據廣東什麼時候公布 瀏覽：726
ug導出stp文件後顯示 瀏覽：262
struts2文件上傳例子 瀏覽：480
智能粉碎文件名 瀏覽：625
編程是干什麼的適合幾歲兒童上 瀏覽：412
photoshop中文版最新版本 瀏覽：828
什麼app能點播廣西衛視 瀏覽：338
word如何批量放入相應的文件夾 瀏覽：884
如何在excel一列刪除數據 瀏覽：534
商科學生為什麼學編程 瀏覽：438
壓縮文件記錄 瀏覽：967
網上招聘找工作去哪個網站 瀏覽：276
ps生成文件怎麼打開 瀏覽：631
文檔過期文件如何找回 瀏覽：968
daf是什麼文件 瀏覽：851
雲閃付可以適用於哪些app 瀏覽：210
jsp循環輸出44的表格 瀏覽：772

友情鏈接