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

想修改下拉菜单的样式,哪位高手帮帮小弟我

2012-02-06 
想修改下拉菜单的样式,谁帮帮我如下代码,显示一个下拉菜单,大家可以运行看一下,其中子菜单的样式我不满意,

想修改下拉菜单的样式,谁帮帮我
如下代码,显示一个下拉菜单,大家可以运行看一下,其中子菜单的样式我不满意,1,想把子菜单的下划线去掉,不知道该怎么去掉,
2,子菜单的颜色在哪里改啊?

<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html   xmlns= "http://www.w3.org/1999/xhtml ">
                <head>
                                <title> &Icirc;&THORN;±ê&Igrave;&acirc;&Icirc;&Auml;&micro;&micro; </title>
                                <meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "   >
                                <style   type= "text/css ">   body   {   margin:   0px   0   20px   0;   background-color:   #ffffff;   text-align:   center;   }
                a   img   {   border:   none;   }
                #navBar   ul   li   {   list-style-type:   none;   display:   block;   float:   left;   }
                /*   Dropdowns   */   #nav,   #nav   ul   {   padding:   0;   margin:   0;   list-style:   none;   }
                #nav   a   {   display:   block;   }
                #nav   li   ul   {   position:   absolute;   left:   -999em;   }
                #nav   li:hover   ul,   #nav   li.sfhover   ul   {   left:   auto;   }
                #nav   li   ul   li   a   {   background-color:   #303030;   color:   #f2f2f2;   font-size:   12px;   padding:   5px   0   2px   7px;   border-top:   1px   solid   #fff;   font-weight:   bold;   }
                #nav   ul   li   a:hover   {   text-decoration:   none;   background-color:   #415166;   color:   #fff;   font-size:   12px;   font-weight:   bold;   }
                /*#nav   ul   li   a.last   {   border-bottom:   none;   }
                */   #subMenuAbout,   #subMenuAbout   li   a,   #subMenuAbout   li   a:hover   {width:   100px;}
                #subMenuServices,   #subMenuServices   li   a,   #subMenuServices   li   a:hover   {width:   100px;}
                #subMenuPortfolio,   #subMenuPortfolio   li   a,   #subMenuPortfolio   li   a:hover   {width:   180px;}
                #subMenuResources,   #subMenuResources   li   a,   #subMenuResources   li   a:hover   {width:   100px;}


                #subMenuNews,   #subMenuNews   li   a,   #subMenuNews   li   a:hover   {width:   100px;}
                </style>
                                <script   language= "javascript "   type= "text/javascript ">
<!--//--> &lt;![CDATA[//> <!--
sfHover   =   function()   {
var   sfEls   =   document.getElementById( "nav ").getElementsByTagName( "LI ");
for   (var   i=0;   i <sfEls.length;   i++)   {
sfEls[i].onmouseover=function()   {
this.className+= "   sfhover ";
}
sfEls[i].onmouseout=function()   {
this.className=this.className.replace(new   RegExp( "   sfhover\\b "),   " ");
}
}
}
if   (window.attachEvent)   window.attachEvent( "onload ",   sfHover);
//--> <!]]&gt;
                                </script>
                </head>


[解决办法]
代码太多,懒的看了
是不是菜单中字的下面有下划线呀?
如果是这样就把css中所有的a加上text-decoration: none;
就可以了
[解决办法]
你让美工给你做一个css样式阿;

热点排行