淘宝导航条代码

 时间:2024-11-05 20:43:09

现在我来一一介绍一下导航条颜色、字体颜色、字体大小以及二三级导航背景字体的代码,轻松装修个人店铺,嘿嘿

淘宝导航条代码

工具/原料

PS,电脑,个人店铺

方法/步骤

1、1.导航背景色代码(除去“所有分类”):.menu-list.link{background:#颜色代码;}

淘宝导航条代码

2、2.导航栏文字(除去“所有分类”):.menu-list.menu.title{color:#颜色代码;font-size:字号px;}

淘宝导航条代码

3、3.“所有分类”的背景色代码:.all-cats.link{background:#000000;}

淘宝导航条代码

4、4.“所有分类”的文字代码:.all-cats.link.title{color:#颜色代码;font-size:字号px;}

淘宝导航条代码

5、5.二级分类评鲦易纪文字代码:.popup-content.cats-tree.fst-cat.cat-name{font-size:字号px;c泠贾高框olor:#颜色代码;font-weight:bold/bolder/normal;}---->bold粗体;bolder更再加粗;normal正常的

淘宝导航条代码

6、6.二级分类背景代码:.popup-content{background:#000000;}

淘宝导航条代码

7、7.三级分类文字蜣贺鱿柢代码(除去“所有宝贝”分类):.popup-content.cats-tree.snd-pop-inner{font-size:字号px;color多唉捋胝:#颜色代码;font-weight:bold/bolder/normal;}

淘宝导航条代码

8、8.一级导航分类(除去”所有分类“)分割线颜色代码:.menu-list.menu{border-color:#FFFFFF;}

9、9.鼠标滑过一级分类导航文字变换背景色代码:.menu-list.menu-hover.link{background:#000000;}

淘宝导航条代码

10、10饱终柯肢.鼠标滑过一级分类导航文字变换颜色代码:.menu-list.menu-hover.link.title{color:#FFFFFF;}

11、11.导航条背景色(最底层),修补导航右侧缺口代码:.skin-box-bd{background:#颜色代码;}

Photoshop红线文字 阿里巴巴如何开启智能模式 华为荣耀9i几个颜色 白底图居然还能这么抠?白底图制作教程 惊了! 在 Photoshop 中哪里可以找到更多面板
热门搜索
不知火舞邪恶漫画 鸡宝图片和价格 提拉米苏图片 白露图片 泰山香烟价格表和图片