一款黑色漂亮的DIV+CSS导航条_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了一款黑色漂亮的DIV+CSS导航条_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1752字,纯文字阅读大概需要3分钟。
内容图文
代码:
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > 黑色CSS菜单 </ title >
< 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 ;
}
</ style >
< div >
< ul id ="menu" >
< li >< a href ="/sort/list_11_203_1.shtml" > Ajax/JavaScript </ a ></ li >
< li >< a href ="/sort/list_11_83_1.shtml" > ExtJS实例 </ a ></ li >< li >< a href ="/sort/list_11_112_1.shtml" > jQuery代码 </ a ></ li >< li >< a href ="/sort/list_11_168_1.shtml" > CSS特效 </ a ></ li >< li >< a href ="/sort/list_11_96_1.shtml" > HTML精选 </ a ></ li >< li >< a href ="/sort/list_11_202_1.shtml" > 在线编辑器 </ a ></ li >< li >< a href ="/sort/list_11_209_1.shtml" > Mootools举例 </ a ></ li >< li >< a href ="/sort/list_11_210_1.shtml" > Prototype框架 </ a ></ li >
< li >< a href ="#" > 官方博客 </ a ></ li >
< li >< a href ="/guestbook/" > Guestbook </ a ></ li >
</ ul >
</ body >
</ html >
内容总结
以上是互联网集市为您收集整理的一款黑色漂亮的DIV+CSS导航条_html/css_WEB-ITnose全部内容,希望文章能够帮你解决一款黑色漂亮的DIV+CSS导航条_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。