日期:2014-05-17  浏览次数:20679 次

新人求教"导航菜单上的颜色"设定?
我从网上下载了一个导航菜单,可上面的颜色是黑的,如: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的颜色。。。。
------解决方案--------------------
CSS code

* {
    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;
}
#aiyiweb_com {
    height:37px;
    background:#999;    /*导航栏背景颜色*/
    font-size:11px;
    text-align:center;
}
#aiyiweb_com a {
    font-size:11px;    /*超链接字体大小*/
}
#aiyiweb_com li ul {
    display:none;
}
#aiyiweb_com li ul li {
    float:none;
}
*html #aiyiweb_com li ul li {
    display:inline;
}
#aiyiweb_com li ul a {
    float:none;
    height:32px;
    line-height:32px;
    padding:0 5px;
    text-transform:capitalize;
}
#aiyiweb_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.aiyiweb {
    background:#3a3a3a url(../image/aiyiweb.gif) no-repeat right top;
}
.second-menu a.aiyiweb:hover {
    background:#4698ca url(../image/aiyiweb.gif) no-repeat right -32px;
}
.second-menu a.aiyiweb-02 {
    background:#3a3a3a url(../image/aiyiweb.gif) no-repeat right -64px;
}
.second-menu a.aiyiweb-02:hover {
    background:#4698ca url(../image/aiyiweb.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;
}

------解决方案--------------------
探讨

再问一下:为何有些颜色代码是三位数:#999?而一般是六位数:#99ffff?