Menu.css实现css特效的代码代码

1. ul,li?{ ??
2. ????/*清除ul,li默认的小原点*/ ??
3. ????list-style:none; ??
4. } ??
5. ul?{ ??
6. ????/*清除ul的缩近值,只对padding设置在IE6与IE7中并不好使还需要设置margin*/ ??
7. ????padding:0; ??
8. ????margin:?0; ??
9. } ??
10. /*设置class需要加.*/ ??
11. .main,?.hmain?{ ??
12. ????/*添加背景图片,背景图片会覆盖li的背景色*/ ??
13. ????background-image:?url(../images/title.gif); ??
14. ????/*只在横向尽量重复*/ ??
15. ????background-repeat:?repeat-x; ??
16. ????width:?120px; ??
17. ????margin-top:?1px; ??
18. } ??
19. /*设置所有li的背景色*/ ??
20. li?{ ??
21. ????background-color:?#EEEEEE; ??
22. } ??
23. a?{ ??
24. ????/*取消链接的所有划线*/ ??
25. ????text-decoration:?none; ??
26. ????padding-left:?20px; ??
27. ????/*使链接充满整个区并显示小手样式,但在IE6中还是有问题需要再设置display:?inline-block;*/ ??
28. ????display:?block; ??
29. ????/*display:?inline-block;并不是符合CSS标准*/ ??
30. ????display:?inline-block; ??
31. ????/*各个链接之间拉开些距离*/ ??
32. ????padding-top:?3px; ??
33. ????padding-bottom:?3px; ??
34. } ??
35. /*设置main下链接的字体为白色*/ ??
36. .main?a,?.hmain?a?{ ??
37. ????color:?white; ??
38. ????background-image:?url(../images/collapsed.gif); ??
39. ????background-repeat:?no-repeat; ??
40. ????/*前景距X轴左边有3像素?居中*/ ??
41. ????background-position:?3px?center; ??
42. } ??
43. /*设置main?li?下链接的字体为黑色*/ ??
44. .main?li?a,?.hmain?li?a?{ ??
45. ????color:?black; ??
46. ????/*无背景图片*/ ??
47. ????background-image:?none; ??
48. } ??
49. /*隐藏子菜单*/ ??
50. .main?ul,?.hmain?ul?{ ??
51. ????display:?none; ??
52. } ??
53. /*横向菜单*/ ??
54. .hmain?{ ??
55. ????/*浮动布局使原本纵向排列变成横向排列*/ ??
56. ????float:?left; ??
57. ????margin-right:?1px; ??
58. }??

ul,li {
	/*清除ul,li默认的小原点*/
	list-style:none;
}
ul {
	/*清除ul的缩近值,只对padding设置在IE6与IE7中并不好使还需要设置margin*/
	padding:0;
	margin: 0;
}
/*设置class需要加.*/
.main, .hmain {
	/*添加背景图片,背景图片会覆盖li的背景色*/
	background-image: url(../images/title.gif);
	/*只在横向尽量重复*/
	background-repeat: repeat-x;
	width: 120px;
	margin-top: 1px;
}
/*设置所有li的背景色*/
li {
	background-color: #EEEEEE;
}
a {
	/*取消链接的所有划线*/
	text-decoration: none;
	padding-left: 20px;
	/*使链接充满整个区并显示小手样式,但在IE6中还是有问题需要再设置display: inline-block;*/
	display: block;
	/*display: inline-block;并不是符合CSS标准*/
	display: inline-block;
	/*各个链接之间拉开些距离*/
	padding-top: 3px;
	padding-bottom: 3px;
}
/*设置main下链接的字体为白色*/
.main a, .hmain a {
	color: white;
	background-image: url(../images/collapsed.gif);
	background-repeat: no-repeat;
	/*前景距X轴左边有3像素 居中*/
	background-position: 3px center;
}
/*设置main li 下链接的字体为黑色*/
.main li a, .hmain