日期:2014-05-19  浏览次数:20342 次

想修改下拉菜单的样式,谁帮帮我
如下代码,显示一个下拉菜单,大家可以运行看一下,其中子菜单的样式我不满意,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;}
                #subMenuResour