淘寶旺鋪導航css代碼怎么修改

關(guān)注：30 發(fā)布時間：2022-05-10 07:12:01

淘寶店鋪導航是買家訪問店鋪的快速通道，那么我們該如何利用ccs代碼做好導航的裝修呢?我們先來簡單了解一下ccs代碼是什么吧!

一、css代碼是什么?

css代碼也叫層疊樣式表單, 是用于(增強)控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言。 scroll 0 0#00ad08}

/*所有分類背景色*/

.all-cats .link{background: none repeat scroll 0 0#00ad08;}

/*所有分類右邊線*/

.all-cats .link{border-right:1px#006205solid;}

/*所有分類文字顏色*/

.skin-box-bd .all-cats .title{color:#ff0000}

看一下效果哦!(用了紅綠配，鮮明對比的顏色。讓大家可以更加深刻的對比代碼中的顏色，大家根據(jù)自己店鋪裝修風格進行顏色選擇噢！)

淘寶旺鋪導航css代碼怎么修改小編就講到這里了，更多關(guān)于淘寶店鋪裝修的內(nèi)容可以訪問裝修宅。

淘寶旺鋪導航css代碼怎么修改

淘寶店鋪導航開放css設定,就是說讓賣家通過css來讓導航展現(xiàn)的更加豐富自定義,交給賣家控制。

二、淘寶旺鋪導航css代碼怎么修改?

1、因為每套模板的class都不同，所以以系統(tǒng)模板第一套模板為例，我們以比較傻瓜的方式來diy如何用css修改導航條顏色。

2、導航右側(cè)“編輯”字樣。

3、點開顯示設置。我們的css代碼就要書寫在這里。

以下文字內(nèi)容可以一同復制使用，不會影響到使用效果哦!

顏色標注出來的對應圖片換綠色的區(qū)域，紅色對應的換紅色文字區(qū)域。千萬別寫錯了，不然麻煩就大了

/* 導航條背景色*/

.skin-box-bd{background:none repeat scroll 0 0#00ad08;}

.skin-box-bd .menu-list{background: none repeat scroll 0 0#00ad08;}

/*首頁/店鋪動態(tài)背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0#00ad08;}

/*首頁/店鋪動態(tài)右邊線*/

.skin-box-bd .menu-list .menu{border-right:1px#006205solid;}

/*首頁/店鋪動態(tài)文字顏色*/

.skin-box-bd .menu-list .menu .title{color:#ff0000;background: none repeat scroll 0 0#00ad08}

/*所有分類背景色*/

.all-cats .link{background: none repeat scroll 0 0#00ad08;}

/*所有分類右邊線*/

.all-cats .link{border-right:1px#006205solid;}

/*所有分類文字顏色*/

.skin-box-bd .all-cats .title{color:#ff0000}

看一下效果哦!(用了紅綠配，鮮明對比的顏色。讓大家可以更加深刻的對比代碼中的顏色，大家根據(jù)自己店鋪裝修風格進行顏色選擇噢！)

淘寶旺鋪導航css代碼怎么修改小編就講到這里了，更多關(guān)于淘寶店鋪裝修的內(nèi)容可以訪問裝修宅。

淘寶旺鋪導航css代碼怎么修改

猜你喜歡