提示:您可以先修改部分代碼再運行
css下拉式功能表導航條 <ul id="menu"><li id="home"><b>Home</b></li><li id="single"><b>Single Level</b></li><li id="dropdown"><b>Dropdown</b></li><li id="dropline"><b>Dropline</b></li><li id="flyout"><b>Flyout</b></li><li id="support"><b>Support</b></li><li id="contact"><b>Contact</b></li></ul><style>#pad {height:100px;}#menu {padding:0; margin:0; list-style:none;}#menu li {float:left; margin-left:1px; padding-top:2px;}#menu li a {display:block; height:36px; line-height:36px; padding:0 25px 0 0; float:left; background: url(/blog/upload/image/20091218073933.gif) no-repeat right top; color:#ddd; text-decoration:none;}#menu li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background: url(yun_qi_img/20091218073949.gif) left top; cursor:pointer;}#menu li a:hover, #menu li a:active,#menu li a:focus,.home #menu li#home a,.single #menu li#single a,.dropdown #menu li#dropdown a,.dropline #menu li#dropline a,.flyout #menu li#flyout a,.support #menu li#support a,.contact #menu li#contact a{background-position:right -36px; line-height:34px; color:#fff;}#menu li a:hover b,#menu li a:active b,#menu li a:focus b,.home #menu li#home a b,.single #menu li#single a b,.dropdown #menu li#dropdown a b,.dropline #menu li#dropline a b,.flyout #menu li#flyout a b,.support #menu li#support a b,.contact #menu li#contact a b{background-position:left -36px;}</style>
提示:您可以先修改部分代碼再運行