首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

新人求教"导航菜单上的颜色"设定?解决方案

2012-02-26 
新人求教导航菜单上的颜色设定?我从网上下载了一个导航菜单,可上面的颜色是黑的,如:http://ukgg.35free.

新人求教"导航菜单上的颜色"设定?
我从网上下载了一个导航菜单,可上面的颜色是黑的,如: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;}#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;}
[解决办法]
探讨

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

热点排行