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

淘寶導航欄分割線代碼

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

閱讀全文

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

熱點內容
網路中常用的傳輸介質 瀏覽：518
文件如何使用 瀏覽：322
同步推密碼找回 瀏覽：865
樂高怎麼才能用電腦編程序 瀏覽：65
本機qq文件為什麼找不到 瀏覽：264
安卓qq空間免升級 瀏覽：490
linux如何刪除模塊驅動程序 瀏覽：193
at89c51c程序 瀏覽：329
怎麼創建word大綱文件 瀏覽：622
裊裊朗誦文件生成器 瀏覽：626
1054件文件是多少gb 瀏覽：371
高州禁養區內能養豬多少頭的文件 瀏覽：927
win8ico文件 瀏覽：949
仁和數控怎麼編程 瀏覽：381
項目文件夾圖片 瀏覽：87
怎麼在東芝電視安裝app 瀏覽：954
plc顯示數字怎麼編程 瀏覽：439
如何辨別假網站 瀏覽：711
寬頻用別人的賬號密碼 瀏覽：556
新app如何佔有市場 瀏覽：42

友情鏈接