关 于 通便的护理措施_淘宝导航栏css代码的知识大家了解吗？以下就是小编整理的关于通便的护理措施_淘宝导航栏css代码的介绍，希望对大家有帮助！

(相关资料图)

1、{height:28px！重要；宽度：950px！重要；溢出：隐藏；显示：块！重要；字体-

2、size :14 px font-weight :500；}

3、a :哈弗

4、{//鼠标滑过效果

5、文字装饰：无；background : # c 0d 9d 9 font-size :14 px；font-weight :500；}。皮肤盒弹底引信（base detonating的缩写）

6、{//导航框

7、背景-图片：无；

8、背景色：透明；

9、}。皮肤-盒子-bd。菜单-列表

10、{//菜单栏

11、背景-图片：无；

12、背景色：透明；

13、}。全猫

14、{//所有分类

15、背景-图片：无；

16、背景色：透明；

17、}。全猫网

18、{//分类链接

19、背景-图片：无；

20、背景色：透明；

21、}。所有的猫。所有的猫-触发器。链接。弹出图标

22、{//所有分类箭头图标

23、背景-图片：无；

24、背景色：透明；

25、}。弹出图标

26、{//所有分类箭头图标

27、背景-图片：无；

28、背景色：透明；

29、}。全猫。link.title

30、{//分类文字

31、颜色：红色；

32、字号：14 pxfont-weight :500；

33、背景-图片：无；

34、背景色：透明；

35、}。菜单-列表。菜单

36、{//菜单

37、张开：块

38、背景-图片：无；

39、背景色：透明；

40、}。菜单-列表。链接

41、{//菜单链接

42、spaly:block

43、背景-图片：无；

44、背景色：透明；

45、}。菜单-列表。菜单。链接。标题

46、{//导航菜单文字

47、颜色：红色；

48、字号：14 pxfont-weight :500；}。菜单-列表。菜单-悬停。链接

49、{//导航菜单滑过

50、splay : block background : # c0d9d 9 }。菜单-列表。菜单-悬停。链接。标题

51、{//导航菜单滑过文字

52、颜色：绿色；

53、splay : block background : # c0d9d 9 }。菜单-列表。菜单-选定

54、{//当前显示页面菜单

55、显示：块；background: # C0D9D9}。菜单-列表。菜单-选定。链接

56、{//当前显示页面链接

57、边框-底部-颜色：红色；

58、背景色： # c0d9d 9；显示：块；}。菜单-列表。菜单-选定。链接。标题

59、{//当前页面显示文字

60、张开：块

61、颜色：灰色；

62、高度：28px

63、边框-底部-颜色：白色；

64、背景色： # c0d9d 9；

65、}

66、专业旺铺，导航栏半铸钢钢性铸铁(铸造半钢)代码之分步详解颜色，以下文字内容可以一起复制使用

67、-

68、第一部分静态背景颜色

69、一首

70、.skin-box-bd.menu-list.link{background:red;}

71、2所有分类的背景色（最左边的），一样设为红色

72、.all-cats.link{background:red;}

73、到这里，发觉右边的颜色还没有变呢，好的，接着下一步

74、3导航条整个分类段背景色，还是要设为红色，整体布局好看些

75、.skin-box-bd.menu-list{background:red;}

76、注意观察，最右边还有一丝地方没有变

77、4导航条背景色（是最底层了吧），修补导航右侧缺口，再设为红色

78、.skin-box-bd{background:red;}

79、小结：有点成功感了！换换其它颜色试试看吧

80、背景色最好搭配页头背景图，才能整体大气美观

81、第二部分分隔线静态文字的颜色

82、5首页等分类的右边的分隔线颜色，设为白色

83、.menu-list.menu{border-color:white;}

84、6所有分类的右边的分隔线颜色，设为白色

85、.all-cats.link{border-color:white;}

86、7首页/店铺动态/其它导航类目的文字颜色

87、.menu-list.menu.title{color:yellow;}

88、8所有分类的文字颜色（最左边那个）,

89、.all-cats.link.title{color:yellow;}

90、小结：其实原来默认文字的颜色也挺好的

91、第三部分分类下的颜色

92、9二级分类的背景色，设为灰色

93、.popup-content{background:gray;}

94、10三级分类的背景色，我设为深灰色

95、.popup-content.cats-tree.snd-pop-inner{background:#504f4f;}

96、11二级分类的文字颜色，设为黄色

97、.popup-content.cat-name{color:yellow;}

98、12三级分类的文字颜色。（如果后面要鼠标滑过变色<21.22>，这句要写）

99、.popup-content.cats-tree.snd-pop-inner.cat-name{color:yellow;}

100、小结：上面这句不写，和二级分类颜色是一样的

101、第四部分鼠标滑过变背景色

102、13鼠标滑过首页/店铺动态/其它导航类目变换背景色，这设为蓝色

103、.menu-list.menu-hover.link{background:blue;}

104、14鼠标滑过所有分类（最左边那个）变换背景色，这同样设为蓝色

105、.all-cats-hover.link{background:blue;}

106、15鼠标滑过所有分类下的二级分类变换背景色，这设为蓝色

107、.popup-content.cats-tree.cat-hd-hover{background:blue;}

108、16鼠标滑过所有分类下的三级分类变换背景色，这设为深蓝色

109、.popup-content.cats-tree.snd-cat-hd-hover{background:#160595;}

110、17鼠标滑过导航类目下的宝贝分类变换背景色，这设为蓝色

111、.menu-popup-cats.sub-cat-hover{background:blue;}

112、小结：这个所有分类，与首页后面的，是要分开设计的

113、第五部分鼠标滑过变文字颜色

114、18鼠标滑过首页/店铺动态/其它导航类目变换文字颜色，这设为红色

115、.menu-list.menu-hover.title{color:red;}

116、19鼠标滑过所有分类（最左边那个）变换文字颜色，这同样设为红色

117、.all-cats-hover.link.title{color:red;}

118、20鼠标滑过导航类目下的宝贝分类变换文字颜色，这设为红色

119、.menu-popup-cats.sub-cat-hover.cat-name{color:red;}

120、21鼠标滑过所有分类下的二级分类变换文字颜色，这设为红色

121、.popup-content.cat-hd-hover.cat-name{color:red;}

122、22鼠标滑过所有分类下的三级分类变换文字颜色，这设为红色

123、.popup-content.cats-tree.snd-cat-hd-hover.cat-name{color:red;}

124、小结：这部分还是默认白色的好看

125、第六部分导航项目激活状态

126、23激活项目的文字背景色（难看，所以none）文字颜色（选白色）

127、.skin-box-bd.menu-list.menu-selected.link.title{background:none;color:white;}

128、24激活项目的项目背景色（项目框），选紫色

129、.skin-box-bd.menu-list.menu-selected.link{background:purple;}

130、小结：最多人忽视这部分，其实也是很多人想知道的

本文到此结束，希望对大家有所帮助。