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

淘寶導航欄分割線代碼

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

閱讀全文

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

熱點內容
c語言12位的數據應該怎麼存儲 瀏覽：953
將ape導入iphone 瀏覽：107
js組合快捷鍵 瀏覽：174
linux系統盤默認掛在的文件夾 瀏覽：667
淘寶數據包如何操作上架 瀏覽：567
vb編程中輸入cls是什麼意思 瀏覽：81
linuxtime服務 瀏覽：184
瘋狂安卓講義第二版代碼 瀏覽：420
老炮兒三小時版本下載 瀏覽：313
matlab怎麼調試程序 瀏覽：2
winxp升級win7的危害 瀏覽：496
網路沒連上卻不可用是怎麼回事 瀏覽：752
社區版本 瀏覽：738
怎麼查微信公眾號什麼時候開通的 瀏覽：717
安裝三菱編程閃退怎麼回事 瀏覽：488
手機怎麼創建word文件格式 瀏覽：694
c語言連接資料庫 瀏覽：887
數據線粉色和白色哪個是正 瀏覽：775
vb編程應注意什麼 瀏覽：855
js循環添加控制項 瀏覽：615

友情鏈接