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

淘寶導航欄分割線代碼

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

閱讀全文

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

熱點內容
如何把編程文件轉為hex 瀏覽：80
清除蘋果地圖來自地址 瀏覽：233
已經打開的文件如何清理 瀏覽：685
視頻網站有什麼用 瀏覽：70
多個表格文件怎樣壓縮文件 瀏覽：729
cad文件大很卡如何解決 瀏覽：633
將java程序打包成apk 瀏覽：277
2021唱吧文件找不到了 瀏覽：463
華為p9手機文件管理 瀏覽：284
固定在工具欄的文件夾怎麼查找路徑 瀏覽：667
半條命2有幾個版本 瀏覽：333
電腦管家微信備份文件夾 瀏覽：826
ubuntu文件夾解鎖 瀏覽：34
網站多少錢一單 瀏覽：382
系統鏡像恢復找不到文件 瀏覽：255
進什麼網站 瀏覽：588
修改了配置文件代碼沒有讀出來 瀏覽：749
vss資料庫是什麼 瀏覽：899
奇跡13單機系統找不到指定文件 瀏覽：719
flyme魅藍3以前的版本 瀏覽：318

友情鏈接