新人求教"导航菜单上的颜色"设定?
我从网上下载了一个导航菜单,可上面的颜色是黑的,如:http://ukgg.35free.net/123456/index.html
我想把它设置成其它的颜色,搞了很长时间,也未成功;还有导航菜单太大了,想把它搞小点,请教懂的老师指点一下,万分感谢.
全部文件下载:http://ukgg.35free.net/123456/123456.rar
[解决办法]
去修改它的CSS就行了。。比如你要修改颜色。。去找到相应的标签改就行了这还不容易嘛?!
.first-menu a {
float:left;
display:block;
padding:0 20px;
height:35px;
line-height:35px;
background:red;
border-top:1px solid #4a4a4a;
border-left:1px solid #4a4a4a;
border-bottom:1px solid #242424;
border-right:1px solid #242424;
font-size:.7em;
}这里的背景颜色就是那个li的颜色。。。。
[解决办法]
* { margin:0; padding:0;}body { font-family:"雅黑宋体", "微软雅黑", "新宋体", "宋体"; font-size:1em; font-size:17px; color:#FFF; /*页面字体颜色*/ background:#FAEBD7; text-align:center; margin-left: 258px; margin-top: 20px; margin-bottom: 1200px; margin-right: 258px;}a { color:#FFF; /*超链接字体颜色*/ text-decoration:none;}ul { list-style:none;}#alixixi_com { height:37px; background:#999; /*导航栏背景颜色*/ font-size:11px; text-align:center;}#alixixi_com a { font-size:11px; /*超链接字体大小*/}#alixixi_com li ul { display:none;}#alixixi_com li ul li { float:none;}*html #alixixi_com li ul li { display:inline;}#alixixi_com li ul a { float:none; height:32px; line-height:32px; padding:0 5px; text-transform:capitalize;}#alixixi_com .height-auto { line-height:15px; padding:0px 5px;}.second-menu, .third-menu, .fourth-menu { position:absolute;}.first-menu li { float:left; position:relative;}.first-menu a { float:left; display:block; padding:0 5px; height:35px; line-height:35px; background:#999; /*一级菜单超链接背景颜色*/ /*一级菜单边框颜色*/ border-top:1px solid #4a4a4a; border-left:1px solid #4a4a4a; border-bottom:1px solid #242424; border-right:1px solid #242424; font-size:.7em;}.first-menu a:hover { background:#999; /*一级菜单背景鼠标放上去颜色*/ border-top:1px solid #5db1e0; border-left:1px solid #5db1e0;}.second-menu { top:35px; right:0;}*html .second-menu { right:-1px;}.second-menu a { font-size:11px;}/*以下为二级菜单背景颜色*/.second-menu a.alixixi { background:#3a3a3a url(../image/alixixi.gif) no-repeat right top;}.second-menu a.alixixi:hover { background:#4698ca url(../image/alixixi.gif) no-repeat right -32px;}.second-menu a.alixixi-02 { background:#3a3a3a url(../image/alixixi.gif) no-repeat right -64px;}.second-menu a.alixixi-02:hover { background:#4698ca url(../image/alixixi.gif) no-repeat right -110px;}.third-menu, .fourth-menu { width:150px; top:0; left:150px;}.third-menu a { background:#4c4c4c;/*三级菜单背景颜色*/ font-weight:normal; border-top:1px solid #595959; border-left:1px solid #595959; border-bottom:1px solid #333; border-right:1px solid #333;}#subMgm { width:150px;}#subMgm .third-menu { left:150px;}#subMgm .fourth-menu { left:150px;}#subMusic, #subNews { width:150px;}body,td,th { font-size: 12px;}
[解决办法]