二级导航栏代码（二级导航栏颜色怎么调）

本文目录

• 二级导航栏颜色怎么调
• 谁能给我几个具有二级栏目的网页导航条代码，二级栏目要求横向滚动，具有flash的特效的，小弟我急要，务必
• 如图如何把二级导航栏变成竖着的

二级导航栏颜色怎么调

1,引导做的导航栏HTML页必须加载《代码》 bootstrap.min.css,《代码》 bootstrap.min。js代码才能实现导航的效果。下图是完整的代码及效果图。
2,改变导航背景颜色,设置为黑色。给导航标签设置背景颜色为黑色,代码为《代码》背景:# 000》
3,改变导航选中栏目颜色,如“首页“设置为背景为红色。改变类名积极为newactive,并设置其背景颜色为红色。
4,改变“菜单”下的二级栏目,鼠标放上去的颜色。设置类名为《代码》下拉菜单》
5,改变点击“菜单”,弹出二级栏目时的颜色。css代码是。《代码》 navbar-default .navbar-nav》 .open》:焦点{颜色:黑色,背景颜色:红色;}》
6,改变导航栏默认文字的颜色。设置类名navbar-default下面一个标签的文字颜色为白色,代码是。《代码》 navbar-default .navbar-nav》 li》{颜色:# fff;}。

谁能给我几个具有二级栏目的网页导航条代码，二级栏目要求横向滚动，具有flash的特效的，小弟我急要，务必

***隐藏网址***
《html》
《!-- www.div-css.com 网站标准化 2007-4-16 --》
《head》
***隐藏网址***
《title》纯CSS的下拉菜单 支持IE6 IE7 Firefox --www.div-css.com 网站标准化《/title》
《style type="text/css"》
*{margin:0;padding:0;}
.menu{font-size:12px;position:relative;z-index:100;}
.menu ul{list-style:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu a{display:block;border:1px solid #aaa;background:red;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}
.menu a:hover{background:#f2cdb0;color:#f00;border:1px solid red;}
.menu ul ul{}
.menu ul ul li {clear:both;text-align:left;font-size:12px;}
.menu ul ul li a{display:block;width:100px;height:13px;margin:0;border:0;border-bottom:1px solid red;}
.menu ul ul li a:hover{border:0;background:#f2cdb0;border-bottom:1px solid #fff;}
《/style》
《/head》
《body》
《div class="menu"》
《ul》
《li》《a href=""》XHTML/CSS
《!----》
《!----》
《ul》
《li》《a href=""》标准《/a》《/li》
《li》《a href=""》教程《/a》《/li》
《li》《a href=""》技术文章《/a》《/li》
《li》《a href=""》常见问题《/a》《/li》
《li》《a href=""》布局教程专题《/a》《/li》
《li》《a href=""》CSS菜单《/a》《/li》
《li》《a href=""》浏览器兼容《/a》《/li》
《li》《a href=""》滚动条相关《/a》《/li》
《li》《a href=""》圆角矩形专题《/a》《/li》
《li》《a href=""》CSS特效欣赏专题《/a》《/li》
《/ul》
《!----》
《/li》
《li》《a href=""》AJAX
《!----》
《!----》
《ul》
《li》《a href=""》AJAX教程《/a》《/li》
《li》《a href=""》AJAX技术《/a》《/li》
《/ul》
《!----》
《/li》
《li》《a href=""》Javascript
《!----》
《!----》
《ul》
《li》《a href=""》JSON《/a》《/li》
《li》《a href=""》技术文章《/a》《/li》
《/ul》
《!----》
《/li》
《li》《a href=""》DOM《/a》《/li》
《li》《a href=""》XML《/a》《/li》
《li》《a href=""》正则表达式
《!----》
《!----》
《ul》
《li》《a href=""》正则表达式简介《/a》《/li》
《li》《a href=""》正则表达式之道《/a》《/li》
《/ul》
《!----》
《/li》
《li》《a href=""》网站优化《/a》《/li》
《li》《a href=""》电脑网络《/a》《/li》
《li》《a href=""》建站技术
《!----》
《!----》
《ul》
《li》《a href=""》PHP《/a》《/li》
《li》《a href=""》ASP《/a》《/li》
《li》《a href=""》ASP.NET《/a》《/li》
《li》《a href=""》JSP《/a》《/li》
《li》《a href=""》SQL《/a》《/li》
《li》《a href=""》Flash《/a》《/li》
《li》《a href=""》Dreamweaver《/a》《/li》
《/ul》
《!----》
《/li》
《/ul》
《/div》
《br /》《br /》
《/body》
《/html》

如图如何把二级导航栏变成竖着的

• 竖状导航:
  通过修改“#tab{width:90px!important;top:90px; left:795px;text-indent: 10;} ”这些代码中的“left:795px”可以改变导航栏的位置，数值越大，导航栏越靠右.
  #tab{width:90px!important;top:90px; left:795px;text-indent: 10;}
  #tab a.on,#tab a.on:link,#tab a.on:visited ,#tab a.on:hover/*选中*/{text-align:CENTER;width:90px; color:#FFDDFF;font-size:12px;BACKGROUND: scroll url(图片地址) no-repeat 0px 0px;}
  #tab a:link,#tab a:visited /*未选中*/{color:#FFDDFF;text-align:CENTER;width:90px; text-decoration:none; font-size:12px; line-height:40px;BACKGROUND: scroll url(图片地址) no-repeat }
  #tab a:hover{color:#FFDDFF; text-decoration:none; font-size:12px;filter:blur(strength:20)}
  #tab span {display:none;}
  #tabline{display:none;}