一款黑色漂亮的DIV+CSS导航条_html/css_WEB-ITnose

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > 黑色CSS菜单
< style >
#menu {
background : #333 ;
float : left ;
list-style : none ;
margin : 0 ;
padding : 0 ;
width : 100% ;
height : 0px ;
}
#menu li {
float : left ;
margin : 0 ;
padding : 0 ;
font-family : sans-serif ;
font-size : 67.5% ;
}
#menu a {
background : #333 ;
color : #ccc ;
display : list-item ;
float : left ;
margin : 0 ;
padding : 8px 12px ;
font-weight : normal ;
text-decoration : none ;
}
#menu a:hover {
background : #2580a2 ;
color : #fff ;
padding-bottom : 8px ;
}


< div >
< ul id ="menu" >
< li >< a href ="/sort/list_11_203_1.shtml" > Ajax/JavaScript
< li >< a href ="/sort/list_11_83_1.shtml" > ExtJS实例 < li >< a href ="/sort/list_11_112_1.shtml" > jQuery代码 < li >< a href ="/sort/list_11_168_1.shtml" > CSS特效 < li >< a href ="/sort/list_11_96_1.shtml" > HTML精选 < li >< a href ="/sort/list_11_202_1.shtml" > 在线编辑器 < li >< a href ="/sort/list_11_209_1.shtml" > Mootools举例 < li >< a href ="/sort/list_11_210_1.shtml" > Prototype框架
< li >< a href ="#" > 官方博客
< li >< a href ="/guestbook/" > Guestbook