html导航水平无序列表,UL、LI 无序列表实现纯CSS网站导航菜单

多行的导航栏

* { margin:0; padding:0; }

body { font:12px/180% Verdana, Geneva, sans-serif; }

li { list-style:none; }

a { text-decoration:none; color:#999; }

a:hover { color:#900; text-decoration:underline; }

.nav_sub { width:700px; margin:0 auto; height:1%; overflow:hidden; margin-bottom:10px; background:#EDEEEF; }

.title_nav_sub { display:block; padding:3px 20px; text-align:center; background:#48862F; color:#fff; float:left; }

.nav_sub ul { float:left; }

.nav_sub ul li { display:inline; }

.nav_sub ul a { float:left; padding:3px 20px; }

.more { float:right; }

源码

• ASP
• PHP
• JSP
• DELPHI
• VS
• AJAX
• JQUERY

更多>>

特效

• 导航菜单类
• CSS布局类
• 表单及按钮
• 图片切换
• 鼠标特效

更多>>

文章

• ASP教程
• 站长资讯
• PHP技术
• SEO
• 其它

更多>>