您的位置:首页 > DIV CSS模块 >

 

div css导航条(全屏背景css导航条)

 

全屏纯div css导航条-CSS导航条
 

css导航条
DIV CSS导航条

DIV+CSS导航条代码如下:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>css5导航条</title> 
  6. <!--* html注释:DIV CSS导航条CSS样式 * --> 
  7. <style type="text/css"> 
  8. <!-- 
  9. #nav{width:100%;background:#666666;color:#FFFFFF; font-family:黑体;
     text-align:center; font-size:13px; font-weight:bold;} 
  10. #nav a,span {border-left:#CCCCCC 1px solid; display:inline-block;
     height:40px; line-height:40px; padding:0px 10px; margin-left:-8px;} 
  11. #nav a:link,a:visited,a:active{ text-decoration:none; color:#FFFFFF;} 
  12. #nav a:hover { background:#CCCCCC;} 
  13. --> 
  14. </style></head> 
  15. <div id="nav"> 
  16. <a href="http://www.css5.com.cn/">ThinkCSS</a> 
  17. <a href="http://www.css5.com.cn/">CSS</a> 
  18. <a href="http://www.css5.com.cn/html/">Html入门基础</a> 
  19. <a href="http://www.css5.com.cn/css/">CSS入门</a> 
  20. <a href="http://www.css5.com.cn/jianrong/">CSS hack</a> 
  21. <a href="http://www.css5.com.cn/tools/">CSS工具</a> 
  22. <a href="http://www.css5.com.cn/mokuai/">DIV+CSS模块</a> 
  23. <a href="http://www.css5.com.cn/shili/">DIV+CSS实例</a> 
  24. <a href="http://www.css5.com.cn/shouce/">CSS手册</a>  
  25. <a href="http://www.css5.com.cn/css-editor.html"
     title="在线CSS编辑器,在线DIV+CSS编辑器">CSS编辑器</a> 
  26. <span>&nbsp;</span> 
  27. </div> 
  28. </body> 
  29. </html> 

直接拷贝以上完整DIV CSS代码即可使用-CSS 导航条

标签(Tag): 导航条 css导航条
本文分享URL地址:http://www.css5.com.cn/mokuai/215.html

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2010-09-29     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/mokuai/215.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!